/* ──────────────────────────────────────────────────────────────────
   Crossroads — parent design-system tokens (Mike's territory)
   ------------------------------------------------------------------
   Mirror of: /projects/493ed1fd-30b9-47b0-b3eb-d081735ce352
     · colors_and_type.css  (color + type tokens)
     · components.css       (mirrored separately in src/components.css)

   DO NOT HAND-EDIT. If you need a value changed, raise it with the
   parent CDS owner (Mike); when CDS ships the change, resync this file.
   CDS wins on every conflict.

   This file holds ONLY tokens that come from the parent. Mobile-specific
   tokens (scrim alphas, glass overlays, sheet motion, mobile shadows)
   live in src/_mobile-tokens.css — owned by the Crossroads Mobile
   sub-system (/projects/484415d2-0683-464f-a0e6-9ee245850d99), which the
   product maintainer (you) owns. Same-name token = same value, always.
   ────────────────────────────────────────────────────────────────── */
:root {
  /* ================================================================
     COLOR SWATCHES — verbatim from CDS
     ================================================================ */
  /* Journey Blue */
  --c-journey-50:   #F0F7FC;
  --c-journey-100:  #E5F1FA;
  --c-journey-200:  #BFDDF1;
  --c-journey-300:  #7FBAE3;
  --c-journey-400:  #4099D6;
  --c-journey-500:  #0077C8;
  --c-journey-600:  #005996;
  --c-journey-700:  #003C64;
  --c-journey-800:  #001E32;
  --c-journey-900:  #000C14;

  /* Foundation Blue */
  --c-foundation-100: #EAEFF4;
  --c-foundation-200: #CCD8E5;
  --c-foundation-300: #98B0CA;
  --c-foundation-400: #6589AF;
  --c-foundation-500: #326295;
  --c-foundation-600: #264A70;
  --c-foundation-700: #19314B;
  --c-foundation-800: #0D1925;
  --c-foundation-900: #030507;

  /* Emerald */
  --c-emerald-100: #E5F4EB;
  --c-emerald-200: #BFE5CD;
  --c-emerald-300: #80CB9C;
  --c-emerald-400: #40B06B;
  --c-emerald-500: #009639;
  --c-emerald-600: #00712B;
  --c-emerald-700: #004B1D;
  --c-emerald-800: #00260E;
  --c-emerald-900: #000F06;

  /* Sunflower */
  --c-sunflower-100: #FEF7E5;
  --c-sunflower-200: #FEECBF;
  --c-sunflower-300: #FDD980;
  --c-sunflower-400: #FBC640;
  --c-sunflower-500: #FAB300;
  --c-sunflower-600: #BB8600;
  --c-sunflower-700: #7D5A00;
  --c-sunflower-800: #3F2D00;
  --c-sunflower-900: #191200;

  /* Sage */
  --c-sage-100: #E8EDEE;
  --c-sage-200: #C6D3D3;
  --c-sage-300: #8CA7A8;
  --c-sage-400: #537C7D;
  --c-sage-500: #1A5051;
  --c-sage-600: #143C3D;
  --c-sage-700: #0D2829;
  --c-sage-800: #071414;
  --c-sage-900: #010404;

  /* Neutral */
  --c-neutral-50:   #F2F4F5;
  --c-neutral-100:  #DFE3E5;
  --c-neutral-200:  #BFC7CB;
  --c-neutral-300:  #A0AAB2;
  --c-neutral-400:  #A0AAB2;
  --c-neutral-500:  #808E98;
  --c-neutral-600:  #606B72;
  --c-neutral-700:  #40474C;
  --c-neutral-800:  #202426;
  --c-neutral-900:  #1A262E;
  --c-neutral-950:  #0D0E0F;

  /* Pepper */
  --c-pepper-100: #FDEAE8;
  --c-pepper-200: #FACCC5;
  --c-pepper-300: #F5988C;
  --c-pepper-400: #EA3219;
  --c-pepper-500: #AF2613;
  --c-pepper-600: #75190D;
  --c-pepper-700: #75190D;
  --c-pepper-800: #3B0D06;
  --c-pepper-900: #170503;

  /* ================================================================
     GRADIENTS — verbatim from CDS
     ================================================================ */
  --g-journey-hero:    linear-gradient(135deg, var(--c-journey-500) 0%, var(--c-journey-700) 100%);
  --g-journey-deep:    linear-gradient(135deg, var(--c-journey-700) 0%, var(--c-journey-900) 100%);
  --g-journey-wash:    linear-gradient(135deg, var(--c-journey-100) 0%, #FFFFFF 100%);
  --g-emerald-500-700: linear-gradient(135deg, var(--c-emerald-500) 0%, var(--c-emerald-700) 100%);
  --g-sage-500-700:    linear-gradient(135deg, var(--c-sage-500) 0%, var(--c-sage-700) 100%);
  --g-journey-emerald: linear-gradient(135deg, var(--c-journey-500) 0%, var(--c-emerald-700) 100%);

  /* ================================================================
     SEMANTIC ROLES — verbatim from CDS
     ================================================================ */
  --fg:         var(--c-neutral-950);
  --fg-2:       var(--c-neutral-700);
  --fg-3:       var(--c-neutral-500);
  --fg-inverse: #FFFFFF;

  --bg:         #FFFFFF;
  --bg-muted:   var(--c-neutral-50);

  --border:         var(--c-neutral-100);
  --border-strong:  var(--c-neutral-200);
  --border-focus:   var(--c-journey-500);

  --link:         var(--c-journey-500);
  --link-hover:   var(--c-journey-600);
  --link-visited: var(--c-journey-700);

  --success: var(--c-emerald-500);
  --warning: var(--c-sunflower-500);
  --danger:  var(--c-pepper-400);

  /* ================================================================
     TYPE — verbatim from CDS
     ================================================================ */
  --font-sans: "Museo Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-slab: var(--font-sans);

  --fw-light:   300;
  --fw-medium:  500;
  --fw-bold:    700;

  --fs-12: 12px;
  --fs-14: 14px;
  --fs-16: 16px;
  --fs-18: 18px;
  --fs-20: 20px;
  --fs-24: 24px;
  --fs-28: 28px;
  --fs-32: 32px;
  --fs-40: 40px;
  --fs-48: 48px;
  --fs-60: 60px;
  --fs-72: 72px;

  --lh-display: 1;
  --lh-tight:   1.2;
  --lh-loose:   1.5;

  /* ================================================================
     SPACING / RADIUS / OPACITY / ELEVATION / MOTION — verbatim from CDS
     ================================================================ */
  --s-1:  4px;  --s-2:  8px;  --s-3:  12px; --s-4:  16px;
  --s-5:  20px; --s-6:  24px; --s-7:  32px; --s-8:  40px;
  --s-9:  48px; --s-10: 64px; --s-11: 80px; --s-12: 96px;

  --r-1: 2px; --r-2: 4px; --r-3: 6px; --r-4: 8px;
  --r-5: 12px; --r-6: 16px; --r-7: 24px; --r-full: 9999px;

  --o-10: 0.10; --o-20: 0.20; --o-30: 0.30; --o-40: 0.40;
  --o-50: 0.50; --o-60: 0.60; --o-70: 0.70; --o-80: 0.80;
  --o-90: 0.90; --o-100: 1.00;

  --shadow-xs: 0 1px 2px rgba(13, 14, 15, 0.06);
  --shadow-sm: 0 2px 6px rgba(13, 14, 15, 0.08);
  --shadow-md: 0 8px 24px rgba(13, 14, 15, 0.10);
  --shadow-lg: 0 16px 48px rgba(13, 14, 15, 0.14);

  --ease-out:    cubic-bezier(0.2, 0.7, 0.2, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --t-fast:   150ms;
  --t-normal: 200ms;
  --t-slow:   320ms;
}

/* ──────────────────────────────────────────────────────────────────
   Product-local deviations are NOT declared here.
   ------------------------------------------------------------------
   What previously sat in this DEVIATIONS block (--c-lt-scrim-*,
   --c-lt-glass-*, --c-lt-shadow-sheet, --c-lt-shadow-phone-frame,
   --t-lt-sheet, --ease-lt-sheet) now lives in src/_mobile-tokens.css
   under the Crossroads Mobile sub-system. The product loads both
   files; same-name tokens carry identical values; nothing is declared
   in two places. Look there, edit there.
   ────────────────────────────────────────────────────────────────── */