/* GMAV Design System Tokens — sourced from GMAV_Design_System_v1.3.html */
/* Single source of truth. Future pages link this file instead of duplicating in <style>. */

:root {
  /* ── COLOR RAMPS ── */
  --blue-10:#edf3ff;--blue-20:#d0e2ff;--blue-30:#a6c8ff;
  --blue-40:#78a9ff;--blue-50:#4589ff;--blue-60:#0054dc;
  --blue-70:#003fa3;--blue-80:#002d7a;--blue-90:#001d52;--blue-100:#001141;

  --teal-10:#d9fbf0;--teal-20:#9ef0d8;--teal-30:#57e5c0;
  --teal-40:#00ebbc;--teal-50:#00c49a;--teal-60:#009d7c;
  --teal-70:#007560;--teal-80:#004f42;--teal-90:#002d27;--teal-100:#001a17;

  --gray-10:#f4f4f4;--gray-20:#e0e0e0;--gray-30:#c6c6c6;
  --gray-40:#a8a8a8;--gray-50:#8d8d8d;--gray-60:#6f6f6f;
  --gray-70:#525252;--gray-80:#393939;--gray-90:#262626;--gray-100:#161616;

  --green-10:#defbe6;--green-20:#a7f0ba;--green-30:#6fdc8c;--green-40:#42be65;--green-50:#24a148;
  --green-60:#198038;--green-70:#0e6027;--green-80:#044317;--green-90:#022d0d;--green-100:#071908;

  --yellow-10:#fcf4d6;--yellow-20:#fddc69;--yellow-30:#f1c21b;--yellow-40:#d2a106;--yellow-50:#b28600;
  --yellow-60:#8e6a00;--yellow-70:#684e00;--yellow-80:#483700;--yellow-90:#302400;--yellow-100:#1c1500;

  --red-10:#fff1f1;--red-20:#ffd7d9;--red-30:#ffb3b8;--red-40:#ff8389;--red-50:#fa4d56;
  --red-60:#da1e28;--red-70:#a2191f;--red-80:#750e13;--red-90:#520408;--red-100:#2d0709;

  /* ── ALIAS TOKENS ── */
  --bg:#ffffff;
  --text-primary:var(--gray-100);
  --text-secondary:var(--gray-70);
  --text-placeholder:var(--gray-40);
  --text-disabled:var(--gray-30);
  --text-on-color:#ffffff;
  --text-error:var(--red-60);
  --border-subtle:var(--gray-20);
  --border-strong:var(--gray-50);
  --border-interactive:var(--blue-60);
  --border-error:var(--red-60);
  --link:var(--blue-60);
  --link-hover:var(--blue-80);
  --focus:var(--blue-60);

  /* ── TYPOGRAPHY ── */
  --font-display:'Open Sans Condensed','Arial Narrow',sans-serif;
  --font-body:'Open Sans','Helvetica Neue',Arial,sans-serif;

  --ts-01:0.75rem;   /* 12 */
  --ts-02:0.875rem;  /* 14 */
  --ts-03:1rem;      /* 16 */
  --ts-04:1.125rem;  /* 18 */
  --ts-05:1.25rem;   /* 20 */
  --ts-06:1.5rem;    /* 24 */
  --ts-07:1.75rem;   /* 28 */
  --ts-08:2rem;      /* 32 */
  --ts-09:2.625rem;  /* 42 */
  --ts-10:3.375rem;  /* 54 */
  --ts-11:4.25rem;   /* 68 */

  /* ── SPACING (4px base) ── */
  --sp-01:0.125rem; --sp-02:0.25rem; --sp-03:0.5rem;
  --sp-04:0.75rem;  --sp-05:1rem;    --sp-06:1.5rem;
  --sp-07:2rem;     --sp-08:2.5rem;  --sp-09:3rem;
  --sp-10:4rem;     --sp-11:5rem;    --sp-12:6rem;

  /* ── MOTION ── */
  --ease-std:cubic-bezier(0.2,0,0.38,0.9);
  --ease-carbon:cubic-bezier(0.2,0,0.38,0.9); /* alias of --ease-std */
  --ease-enter:cubic-bezier(0,0,0.38,0.9);
  --ease-exit:cubic-bezier(0.2,0,1,0.9);
  --dur-fast-1:70ms; --dur-fast-2:110ms;
  --dur-mod-1:150ms; --dur-mod-2:240ms;
  --dur-slow-1:400ms; --dur-slow-2:700ms;

  --radius:0px;
  --focus-w:2px;
}

/* Reduced-motion universal disable */
[data-reduced-motion="true"] *,
[data-reduced-motion="true"] *::before,
[data-reduced-motion="true"] *::after {
  animation-duration: 0.001ms !important;
  animation-iteration-count: 1 !important;
  transition-duration: 0.001ms !important;
  scroll-behavior: auto !important;
}