/* FetchChina — "Trust & Authority" design system (ui pro)
   Light, corporate B2B freight look: professional navy + blue CTA.
   Generated from ui-ux-pro-max recommendation for B2B logistics. */

:root {
  /* Typography — Lexend (display) + Source Sans 3 (body) */
  --font-sans: "Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Lexend", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Brand accents — blue CTA (#0369A1) + navy (#0F172A) */
  --accent-primary: #0369A1;
  --accent-primary-rgb: 3, 105, 161;
  --accent-primary-glow: rgba(3, 105, 161, 0.14);
  --accent-secondary: #0F172A;
}

/* Light is the primary (and only) theme for the corporate look. */
[data-theme="light"] {
  /* Surfaces — light slate background, white cards */
  --bg-0: #ffffff;
  --bg-1: #F8FAFC; /* page background */
  --bg-2: #ffffff; /* cards */
  --bg-3: #F1F5F9; /* inputs / subtle fills */
  --bg-4: #E2E8F0;

  /* Text — navy headings, slate body (>= 4.5:1 contrast) */
  --text-primary: #1E293B; /* slate-800 body */
  --text-secondary: #475569; /* slate-600 */
  --text-muted: #64748B; /* slate-500 (kept readable, not gray-400) */
  --text-accent: #0F172A; /* navy-900 headings */

  /* Borders — visible in light mode */
  --border-subtle: rgba(15, 23, 42, 0.07);
  --border-default: rgba(15, 23, 42, 0.12);
  --border-strong: rgba(15, 23, 42, 0.18);
  --border-hover: rgba(3, 105, 161, 0.45);

  /* Accents */
  --accent-primary: #0369A1;
  --accent-primary-rgb: 3, 105, 161;
  --accent-primary-glow: rgba(3, 105, 161, 0.12);
  --accent-secondary: #0F172A;
  --accent-success: #15803D;
  --accent-warning: #B45309;
  --accent-danger: #B91C1C;

  /* Soft, professional shadows (no neon glow) */
  --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05);
  --shadow-md: 0 4px 16px rgba(15, 23, 42, 0.08);
  --shadow-lg: 0 12px 32px rgba(15, 23, 42, 0.10);
  --shadow-glow: 0 8px 24px rgba(3, 105, 161, 0.12);
  --shadow-glow-lg: 0 16px 48px rgba(3, 105, 161, 0.14);

  /* Trust-style gradients (subtle, single-hue — no AI purple/pink) */
  --gradient-hero: linear-gradient(135deg, #0F172A 0%, #0369A1 100%);
  --gradient-card: linear-gradient(135deg, rgba(15, 23, 42, 0.02), rgba(15, 23, 42, 0));
}

/* Headings: tighter, confident display type */
h1, h2, h3, h4, h5, h6 {
  letter-spacing: -0.01em;
}