/*
 * Allied Jet Agency (Stratos Jets) — Design Tokens
 * ─────────────────────────────────────────────────
 * Exact brand colors sampled from supplied logo assets.
 */

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

/*
 * Libre Baskerville — served locally from brand-supplied font files
 */
@font-face {
  font-family: 'Libre Baskerville';
  src: url('/fonts/LibreBaskerville-latin-ext.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Libre Baskerville';
  src: url('/fonts/LibreBaskerville-latin.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ─── BASE COLOR PALETTE ─────────────────────────────────────────────────── */
:root {
  --blue-grey-400:  #b2bdc2;
  --blue-grey-200:  #dee3e3;
  --blue-grey-100:  #edf1f1;

  --teal-950:  #00252e;
  --teal-900:  #01414e;
  --teal-800:  #015566;
  --teal-700:  #016a7f;
  --teal-600:  #028098;
  --teal-500:  #0498b4;
  --teal-400:  #2ab4ce;
  --teal-300:  #6bcfdf;
  --teal-200:  #a9e4ed;
  --teal-100:  #d6f2f6;
  --teal-50:   #edf9fb;

  --orange-900: #7a3800;
  --orange-700: #c45e00;
  --orange-600: #e07010;
  --orange-500: #f68a22;
  --orange-400: #f8a04e;
  --orange-300: #fbc080;
  --orange-200: #fdd9b0;
  --orange-100: #feeedc;
  --orange-50:  #fff7f0;

  --neutral-950: #0d0d0d;
  --neutral-900: #1a1a1a;
  --neutral-800: #2e2e2e;
  --neutral-700: #424242;
  --neutral-600: #5c5c5c;
  --neutral-500: #898989;
  --neutral-400: #a8a8a8;
  --neutral-300: #c4c4c4;
  --neutral-200: #dcdcdc;
  --neutral-100: #f0f0f0;
  --neutral-50:  #fafafa;
  --white:       #ffffff;

  --color-brand:          var(--teal-900);
  --color-brand-dark:     var(--teal-950);
  --color-brand-light:    var(--teal-700);
  --color-accent:         var(--orange-500);
  --color-accent-hover:   var(--orange-600);
  --color-accent-subtle:  var(--orange-100);

  --color-fg-primary:     var(--neutral-900);
  --color-fg-secondary:   var(--neutral-600);
  --color-fg-tertiary:    var(--neutral-400);
  --color-fg-inverse:     var(--white);
  --color-fg-on-brand:    var(--white);

  --color-bg-base:        var(--white);
  --color-bg-subtle:      var(--neutral-50);
  --color-bg-muted:       var(--neutral-100);
  --color-bg-dark:        var(--teal-900);
  --color-bg-darker:      var(--teal-950);
  --color-bg-overlay:     rgba(1, 65, 78, 0.85);

  --color-border:         var(--neutral-200);
  --color-border-strong:  var(--neutral-300);
  --color-border-brand:   var(--teal-700);
  --color-border-accent:  var(--orange-500);

  --color-success:        #1a8a4a;
  --color-warning:        var(--orange-500);
  --color-danger:         #c03030;

  --font-display:   'Raleway', 'Helvetica Neue', sans-serif;
  --font-body:      'Lato', 'Helvetica Neue', sans-serif;
  --font-serif:     'Libre Baskerville', Georgia, 'Times New Roman', serif;
  --font-mono:      'JetBrains Mono', 'Courier New', monospace;

  --text-xs:    0.75rem;
  --text-sm:    0.875rem;
  --text-base:  1rem;
  --text-md:    1.125rem;
  --text-lg:    1.25rem;
  --text-xl:    1.5rem;
  --text-2xl:   2rem;
  --text-3xl:   2.5rem;
  --text-4xl:   3.25rem;
  --text-5xl:   4rem;
  --text-6xl:   5.5rem;

  --weight-light:      300;
  --weight-regular:    400;
  --weight-medium:     500;
  --weight-semibold:   600;
  --weight-bold:       700;
  --weight-extrabold:  800;
  --weight-black:      900;

  --leading-tight:   1.1;
  --leading-snug:    1.3;
  --leading-normal:  1.5;
  --leading-relaxed: 1.7;

  --tracking-tight:   -0.03em;
  --tracking-normal:  0;
  --tracking-wide:    0.05em;
  --tracking-widest:  0.12em;

  --space-1:   4px;
  --space-2:   8px;
  --space-3:   12px;
  --space-4:   16px;
  --space-5:   20px;
  --space-6:   24px;
  --space-8:   32px;
  --space-10:  40px;
  --space-12:  48px;
  --space-16:  64px;
  --space-20:  80px;
  --space-24:  96px;
  --space-32: 128px;

  --radius-none:  0;
  --radius-xs:    2px;
  --radius-sm:    4px;
  --radius-md:    6px;
  --radius-lg:    10px;
  --radius-xl:    16px;
  --radius-pill:  9999px;

  --shadow-xs:  0 1px 3px rgba(1,65,78,.08);
  --shadow-sm:  0 2px 8px rgba(1,65,78,.10);
  --shadow-md:  0 4px 16px rgba(1,65,78,.13);
  --shadow-lg:  0 8px 32px rgba(1,65,78,.16);
  --shadow-xl:  0 16px 48px rgba(1,65,78,.22);
  --shadow-inset: inset 0 1px 4px rgba(1,65,78,.12);

  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.45, 0, 0.55, 1);
  --duration-fast:   150ms;
  --duration-normal: 250ms;
  --duration-slow:   400ms;
}

.h-display {
  font-family: var(--font-display);
  font-size: var(--text-6xl);
  font-weight: var(--weight-extrabold);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-tight);
  color: var(--color-fg-primary);
}

h1, .h1 { font-family: var(--font-display); font-size: var(--text-5xl); font-weight: var(--weight-bold); line-height: var(--leading-tight); letter-spacing: var(--tracking-tight); color: var(--color-fg-primary); }
h2, .h2 { font-family: var(--font-display); font-size: var(--text-4xl); font-weight: var(--weight-bold); line-height: var(--leading-snug); letter-spacing: var(--tracking-tight); color: var(--color-fg-primary); }
h3, .h3 { font-family: var(--font-display); font-size: var(--text-3xl); font-weight: var(--weight-semibold); line-height: var(--leading-snug); color: var(--color-fg-primary); }
h4, .h4 { font-family: var(--font-display); font-size: var(--text-2xl); font-weight: var(--weight-semibold); line-height: var(--leading-snug); color: var(--color-fg-primary); }
h5, .h5 { font-family: var(--font-display); font-size: var(--text-xl); font-weight: var(--weight-semibold); line-height: var(--leading-normal); color: var(--color-fg-primary); }
h6, .h6 { font-family: var(--font-display); font-size: var(--text-lg); font-weight: var(--weight-medium); line-height: var(--leading-normal); color: var(--color-fg-secondary); }

p, .body { font-family: var(--font-body); font-size: var(--text-base); font-weight: var(--weight-regular); line-height: var(--leading-relaxed); color: var(--color-fg-primary); }
.body-lg { font-family: var(--font-body); font-size: var(--text-md); font-weight: var(--weight-regular); line-height: var(--leading-relaxed); }
.body-sm { font-family: var(--font-body); font-size: var(--text-sm); line-height: var(--leading-normal); }

.label { font-family: var(--font-body); font-size: var(--text-sm); font-weight: var(--weight-semibold); letter-spacing: var(--tracking-wide); text-transform: uppercase; }
.overline { font-family: var(--font-display); font-size: var(--text-xs); font-weight: var(--weight-bold); letter-spacing: var(--tracking-widest); text-transform: uppercase; color: var(--color-accent); }
.tagline { font-family: var(--font-display); font-style: italic; font-weight: var(--weight-light); letter-spacing: var(--tracking-wide); }

code, .code { font-family: var(--font-mono); font-size: 0.9em; background: var(--color-bg-muted); border-radius: var(--radius-xs); padding: 1px 5px; }