/* ═══════════════════════════════════════════════════════════════
   EASYTRIP HUB — DESIGN TOKENS
   Light editorial theme. Cobalt + paper palette.
   Radius rule: buttons/chips = pill · cards/images = 18px · inputs = 12px
   ═══════════════════════════════════════════════════════════════ */

:root {
  /* ── Ink (text) ── */
  --ink:        #131a2a;
  --ink-soft:   #46506b;
  --ink-faint:  #7d879e;

  /* ── Surfaces ── */
  --paper:      #fafaf8;
  --surface:    #ffffff;
  --wash:       #eef1f7;   /* cool blue-tinted section wash */
  --wash-deep:  #e3e8f2;

  /* ── Accent: cobalt, locked site-wide ── */
  --accent:       #1b4fd8;
  --accent-deep:  #123a9e;
  --accent-ink:   #0d2a73;
  --accent-tint:  #e8eefc;
  --accent-rgb:   27, 79, 216;

  /* ── Semantic only ── */
  --star:       #c79245;   /* rating stars exclusively */
  --ok:         #2e7d4f;
  --error:      #b3363f;

  /* ── Lines & shadows (tinted to ink, never pure black) ── */
  --line:        #e2e5ec;
  --line-soft:   #ebedf2;
  --shadow-sm:   0 1px 2px rgba(19, 26, 42, 0.05), 0 2px 8px rgba(19, 26, 42, 0.05);
  --shadow-md:   0 2px 6px rgba(19, 26, 42, 0.06), 0 12px 32px rgba(19, 26, 42, 0.10);
  --shadow-lg:   0 4px 12px rgba(19, 26, 42, 0.08), 0 28px 64px rgba(19, 26, 42, 0.16);
  --shadow-card: 0 1px 0 rgba(19, 26, 42, 0.04), 0 10px 30px rgba(19, 26, 42, 0.07);

  /* ── Typography ── */
  --font-display: 'Cormorant Garamond', 'Iowan Old Style', Georgia, serif;
  --font-body:    'Manrope', -apple-system, 'Segoe UI', sans-serif;

  --text-hero:  clamp(2.75rem, 1.4rem + 5.2vw, 5.4rem);
  --text-h1:    clamp(2.5rem, 1.5rem + 3.6vw, 4.2rem);
  --text-h2:    clamp(2rem, 1.35rem + 2.4vw, 3.2rem);
  --text-h3:    clamp(1.35rem, 1.15rem + 0.8vw, 1.8rem);
  --text-h4:    1.15rem;
  --text-lead:  clamp(1.05rem, 1rem + 0.3vw, 1.2rem);
  --text-body:  1.0625rem;
  --text-small: 0.875rem;
  --text-xs:    0.78rem;

  /* ── Spacing ── */
  --space-section: clamp(5rem, 3.4rem + 6vw, 9.5rem);
  --space-block:   clamp(2.5rem, 2rem + 2vw, 4rem);
  --space-element: 1.5rem;
  --space-tight:   1rem;
  --space-xs:      0.5rem;
  --content-width:   1200px;
  --content-narrow:  760px;
  --content-padding: clamp(1.25rem, 4vw, 2.5rem);

  /* ── Radius (see rule above) ── */
  --radius-pill:  999px;
  --radius-card:  18px;
  --radius-input: 12px;

  /* ── Motion ── */
  --ease-signature: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-standard:  cubic-bezier(0.4, 0, 0.2, 1);
  --duration-fast:   160ms;
  --duration-normal: 320ms;
  --duration-slow:   640ms;

  /* ── Layers ── */
  --z-nav:     100;
  --z-overlay: 200;
}