/* RADA brand tokens. Single source of truth for the landing page and the roadmap.
   Specification and contrast table: docs/brand/BRAND_BOOK.md */

@font-face {
  font-family: "Geist";
  src: url("fonts/geist-latin-wght-normal.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+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Geist";
  src: url("fonts/geist-latin-ext-wght-normal.woff2") format("woff2");
  font-weight: 100 900; font-style: normal; font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  color-scheme: light dark;

  /* Colour, light */
  --rada-bg: #FBFAF7;
  --rada-surface: #F4F1EA;
  --rada-line: #E7E3DA;
  --rada-ink: #1C1A17;
  --rada-muted: #6A655B;
  --rada-accent: #B2432A;
  --rada-on-accent: #FFFFFF;
  --rada-ok: #2F6B45;
  --rada-warn: #8A5A00;
  --rada-accent-soft: #F6E8E2;  /* tint behind accent marks */
  --rada-panel: #1C1A17;        /* dark feature panel */
  --rada-on-panel: #EEEAE2;
  --rada-on-panel-muted: #A9A398;
  --rada-panel-accent: #E8826A;
  --rada-shadow: 0 1px 2px rgb(28 26 23 / 0.04), 0 10px 30px rgb(28 26 23 / 0.07);

  /* Surface texture: paper grain, hero glow, contour lines. Decorative only. */
  --rada-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --rada-glow: rgb(178 67 42 / 0.10);
  --rada-contour: #DAD5C9;

  /* Type */
  --rada-font: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --rada-text-xs: 0.75rem;     /* 12px  labels, flags */
  --rada-text-sm: 0.8125rem;   /* 13px  meta, captions */
  --rada-text-base: 0.9375rem; /* 15px  body */
  --rada-text-lg: 1.125rem;    /* 18px  lead */
  --rada-text-xl: 1.5rem;      /* 24px  page title */
  --rada-text-display: clamp(1.75rem, 1.4rem + 1.6vw, 2.25rem); /* 28 to 36px page title */
  --rada-text-hero: clamp(2.5rem, 1.5rem + 4.6vw, 4.5rem);     /* 40 to 72px home hero */
  --rada-text-h2: clamp(1.5rem, 1.2rem + 1.2vw, 2.125rem);     /* 24 to 34px section title */
  --rada-leading-body: 1.65;
  --rada-leading-tight: 1.2;
  --rada-track-display: -0.02em;
  --rada-track-label: 0.08em;
  --rada-track-mark: 0.32em;

  /* Space, 8px grid (4px for hairline adjustments) */
  --rada-space-1: 0.25rem;  /* 4  */
  --rada-space-2: 0.5rem;   /* 8  */
  --rada-space-3: 1rem;     /* 16 */
  --rada-space-4: 1.5rem;   /* 24 */
  --rada-space-5: 2rem;     /* 32 */
  --rada-space-6: 3rem;     /* 48 */
  --rada-space-7: 4rem;     /* 64 */
  --rada-space-8: 6rem;     /* 96 */
  --rada-space-9: 8rem;     /* 128 */

  /* Shape and motion */
  --rada-radius-sm: 4px;
  --rada-radius-md: 8px;
  --rada-radius-lg: 16px;
  --rada-radius-pill: 999px;
  --rada-ease: cubic-bezier(0.32, 0.72, 0, 1);
  --rada-fast: 160ms;
  --rada-slow: 480ms;
  --rada-measure: 34rem;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --rada-bg: #141311;
    --rada-surface: #1C1B18;
    --rada-line: #2B2824;
    --rada-ink: #EEEAE2;
    --rada-muted: #A29C90;
    --rada-accent: #E2765B;
    --rada-on-accent: #1A0D08;
    --rada-ok: #7DBB8B;
    --rada-warn: #E0B04D;
    --rada-accent-soft: #2C1B15;
    --rada-panel: #1F1D19;
    --rada-on-panel: #EEEAE2;
    --rada-on-panel-muted: #A9A398;
    --rada-panel-accent: #E8826A;
    --rada-shadow: 0 1px 2px rgb(0 0 0 / 0.3), 0 10px 30px rgb(0 0 0 / 0.35);
    --rada-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
    --rada-glow: rgb(226 118 91 / 0.12);
    --rada-contour: #34302A;
  }
}

@media (prefers-contrast: more) {
  :root { --rada-line: #8D877B; }
}