/* ============================================================
   CORENDON DESIGN SYSTEM — Colors & Type Foundations
   ------------------------------------------------------------
   Source: reconstructed from public Corendon brand research
   (corendon.com / Corendon Airlines). No codebase or Figma was
   provided, so HEX values are matched to the brand crimson and
   the supporting palette is derived harmonically. See README.md.

   Fonts: loaded from Google Fonts CDN as the nearest match to
   Corendon's friendly geometric/rounded sans wordmark + UI.
   FLAGGED SUBSTITUTION — replace with licensed brand fonts when
   available (see README → Visual Foundations).
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,700;1,800;1,900&family=Nunito:ital,wght@1,900&display=swap');

:root {
  /* ---------- BRAND : PRIMARY (Corendon Crimson) ---------- */
  --cor-red:        #DC242C;  /* primary brand crimson — logo, CTAs */
  --cor-red-600:    #C41F27;  /* hover */
  --cor-red-700:    #A81920;  /* pressed / active */
  --cor-red-300:    #F2A0A3;  /* on dark, disabled */
  --cor-red-tint:   #FCEAEB;  /* soft surface, selected rows */
  --cor-red-tint-2: #FAD9DB;  /* stronger tint, badges */

  /* ---------- BRAND : SUPPORTING ---------- */
  --cor-navy:       #0E2A47;  /* deep sea/sky — headers, footers, ink-on-light alt */
  --cor-navy-600:   #15375C;
  --cor-sea:        #0093D1;  /* sky/sea blue — links, info, secondary CTAs */
  --cor-sea-tint:   #E4F4FB;
  --cor-sun:        #FFC527;  /* sunny accent — deals, ratings, holiday vibe */
  --cor-sun-600:    #F2B200;
  --cor-sun-tint:   #FFF4D6;
  --cor-sand:       #FBF7EF;  /* warm off-white surface */

  /* ---------- NEUTRALS (Ink scale) ---------- */
  --ink-900: #14213A;  /* primary text */
  --ink-700: #344054;  /* secondary text */
  --ink-500: #667085;  /* muted text, captions */
  --ink-400: #98A2B3;  /* placeholder, disabled text */
  --ink-300: #D0D5DD;  /* strong border */
  --ink-200: #E4E7EC;  /* default border, dividers */
  --ink-100: #F2F4F7;  /* subtle fill, hover row */
  --ink-50:  #F8FAFC;  /* page background */
  --white:   #FFFFFF;

  /* ---------- SEMANTIC ---------- */
  --success:      #1F9D55;
  --success-tint: #E6F6ED;
  --warning:      #F2A20C;
  --warning-tint: #FEF3DA;
  --error:        #D92D20;
  --error-tint:   #FDECEA;
  --info:         var(--cor-sea);
  --info-tint:    var(--cor-sea-tint);

  /* ---------- TYPE FAMILIES ---------- */
  --font-sans:    'Mulish', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: 'Mulish', -apple-system, sans-serif;           /* headings, 800/900 */
  --font-logo:    'Nunito', 'Mulish', sans-serif;                /* wordmark recreation, 900 italic */

  /* ---------- TYPE SCALE (semantic) ---------- */
  --fs-display:  clamp(2.6rem, 4.4vw, 3.75rem); /* hero */
  --fs-h1:       2.25rem;   /* 36 */
  --fs-h2:       1.75rem;   /* 28 */
  --fs-h3:       1.375rem;  /* 22 */
  --fs-h4:       1.125rem;  /* 18 */
  --fs-body-lg:  1.0625rem; /* 17 */
  --fs-body:     0.9375rem; /* 15 */
  --fs-sm:       0.8125rem; /* 13 */
  --fs-xs:       0.6875rem; /* 11 — labels/eyebrows */

  --lh-tight:  1.1;
  --lh-snug:   1.25;
  --lh-normal: 1.5;

  --tracking-eyebrow: 0.08em;

  /* ---------- RADIUS ---------- */
  --r-xs:  4px;
  --r-sm:  8px;
  --r-md:  12px;   /* default card / input */
  --r-lg:  16px;
  --r-xl:  24px;   /* large hero cards, search bar */
  --r-pill: 999px; /* pills, chips, primary buttons */

  /* ---------- SHADOW / ELEVATION ---------- */
  --sh-xs:   0 1px 2px rgba(20,33,58,0.06);
  --sh-sm:   0 1px 3px rgba(20,33,58,0.08), 0 1px 2px rgba(20,33,58,0.04);
  --sh-md:   0 4px 12px rgba(20,33,58,0.08), 0 2px 4px rgba(20,33,58,0.04);
  --sh-lg:   0 12px 28px rgba(20,33,58,0.12), 0 4px 10px rgba(20,33,58,0.06);
  --sh-red:  0 6px 18px rgba(220,36,44,0.30);  /* primary CTA glow */

  /* ---------- SPACING (4pt base) ---------- */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 20px; --sp-6: 24px; --sp-8: 32px; --sp-10: 40px;
  --sp-12: 48px; --sp-16: 64px; --sp-20: 80px;
}

/* ============================================================
   SEMANTIC TYPE CLASSES
   ============================================================ */
.cor-eyebrow {
  font: 700 var(--fs-xs)/1 var(--font-sans);
  letter-spacing: var(--tracking-eyebrow);
  text-transform: uppercase;
  color: var(--cor-red);
}
.cor-display { font: 900 var(--fs-display)/var(--lh-tight) var(--font-display); letter-spacing: -0.02em; color: var(--ink-900); }
h1, .cor-h1 { font: 800 var(--fs-h1)/var(--lh-snug) var(--font-display); letter-spacing: -0.015em; color: var(--ink-900); }
h2, .cor-h2 { font: 800 var(--fs-h2)/var(--lh-snug) var(--font-display); letter-spacing: -0.01em; color: var(--ink-900); }
h3, .cor-h3 { font: 700 var(--fs-h3)/var(--lh-snug) var(--font-display); color: var(--ink-900); }
h4, .cor-h4 { font: 700 var(--fs-h4)/var(--lh-snug) var(--font-sans); color: var(--ink-900); }
.cor-lead   { font: 400 var(--fs-body-lg)/var(--lh-normal) var(--font-sans); color: var(--ink-700); }
p, .cor-body { font: 400 var(--fs-body)/var(--lh-normal) var(--font-sans); color: var(--ink-700); }
.cor-sm     { font: 500 var(--fs-sm)/1.45 var(--font-sans); color: var(--ink-500); }
.cor-caption{ font: 600 var(--fs-xs)/1.3 var(--font-sans); color: var(--ink-500); }
.cor-price  { font: 900 var(--fs-h2)/1 var(--font-display); color: var(--cor-red); letter-spacing: -0.01em; }

/* ============================================================
   LOGO WORDMARK (CSS recreation — see README, FLAGGED)
   ============================================================ */
.corendon-logo {
  display: inline-flex;
  align-items: center;
  gap: 0.34em;
  font: italic 900 1.75rem/0.9 var(--font-logo);
  color: var(--cor-red);
  letter-spacing: -0.02em;
  text-transform: lowercase;
  user-select: none;
}
.corendon-logo .cor-star { width: 0.92em; height: 0.92em; flex: none; }
.corendon-logo.on-dark { color: var(--white); }