/*
 * High-altitude design tokens.
 *
 * Palette inspired by aviation: stratosphere navy, sky-blue actions,
 * cloud-white surfaces, runway amber, jet-trail teal.
 * Typography: Inter for UI, JetBrains Mono for tail numbers / ICAO codes.
 */
:root {
  /* Brand */
  --unique: #2E7BE6;
  --brand-deep: #0B2545;
  --accent: #F5B544;
  --xp: #F5B544;
  --success: #14B8A6;
  --danger: #E11D48;

  /* Surfaces */
  --background: #FAFBFC;
  --surface: #F2F5F9;
  --surface-raised: #FFFFFF;

  /* Text */
  --text: #0B2545;
  --text-muted: rgba(11, 37, 69, 0.65);

  /* Forms */
  --input-field: rgba(242, 245, 249, 0.7);

  /* Tiers (warmed slightly to match navy ink) */
  --tier-gold: #E4B33A;
  --tier-silver: #B8BFCC;
  --tier-bronze: #A0734A;

  /* Depth */
  --border: rgba(11, 37, 69, 0.13);
  --shadow-sm: 0 1px 2px rgba(11, 37, 69, 0.06), 0 1px 1px rgba(11, 37, 69, 0.04);
  --shadow-md: 0 8px 24px -8px rgba(11, 37, 69, 0.12), 0 2px 6px rgba(11, 37, 69, 0.06);
  --shadow-lg: 0 24px 48px -12px rgba(11, 37, 69, 0.18);

  /* Shape */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  /* Layout */
  --container-max: min(1800px, 92vw);
  --nav-h: 80px;

  /* Type */
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, "Roboto Mono", monospace;

  /* Motion */
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
}

@media (prefers-color-scheme: dark) {
  :root {
    --unique: #5BA1F2;
    --brand-deep: #C7D7EE;

    --background: #06111F;
    --surface: #0E1B2E;
    --surface-raised: #142540;

    --text: #E8EEF7;
    --text-muted: rgba(232, 238, 247, 0.65);

    --input-field: rgba(14, 27, 46, 0.7);

    --tier-gold: #EBC568;
    --tier-silver: #CFD5E0;
    --tier-bronze: #B57E50;

    --border: rgba(232, 238, 247, 0.1);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(0, 0, 0, 0.25);
    --shadow-md: 0 8px 24px -8px rgba(0, 0, 0, 0.55), 0 2px 6px rgba(0, 0, 0, 0.35);
    --shadow-lg: 0 24px 48px -12px rgba(0, 0, 0, 0.65);
  }
}