/* RDA "Connected Advice" design system — tokens.
   Ported from the Claude Design project (rda-design-system). Source of truth
   for values lives there; this file is a hand-transcription, not a build
   artifact, so keep it in sync manually if the design system changes. */

:root {
  /* Brand */
  --rda-navy: #12364C;
  --rda-navy-deep: #0e2c3f;
  --rda-navy-ink: #091a26;
  --rda-amber: #F49F00;
  --rda-amber-dark: #DC8F00;
  --rda-cream: #f6f2ec;
  --rda-white: #ffffff;

  /* Neutrals */
  --rda-grey-100: #ece7df;
  --rda-grey-200: #e8e1d5;
  --rda-grey-500: #8a94a0;
  --rda-grey-600: #5a6570;
  --rda-grey-700: #4a5560;

  /* On-dark text */
  --rda-on-dark-1: #ffffff;
  --rda-on-dark-2: #d6dee4;
  --rda-on-dark-3: #c6d0d7;
  --rda-on-dark-4: #aebac3;
  --rda-on-dark-5: #8a97a1;

  /* Semantic aliases */
  --surface-page: var(--rda-white);
  --surface-alt: var(--rda-cream);
  --surface-dark: var(--rda-navy);
  --surface-dark-deep: var(--rda-navy-deep);
  --surface-card: var(--rda-white);
  --surface-accent: var(--rda-amber);

  --text-heading: var(--rda-navy);
  --text-body: var(--rda-grey-700);
  --text-muted: var(--rda-grey-600);
  --text-on-dark: var(--rda-on-dark-2);
  --text-on-accent: var(--rda-navy);
  --text-eyebrow: var(--rda-amber);

  --border-hairline: var(--rda-grey-100);
  --border-on-dark: rgba(255, 255, 255, .15);
  --accent-rule: var(--rda-amber);

  /* Scrims over photography */
  --scrim-hero: linear-gradient(90deg, rgba(9, 26, 38, .95) 0%, rgba(9, 26, 38, .78) 52%, rgba(9, 26, 38, .32) 100%);
  --scrim-card: linear-gradient(0deg, rgba(9, 26, 38, .88), rgba(9, 26, 38, .05));

  /* Type */
  --font-sans: Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, monospace;

  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-black: 800;

  --type-h1-home: 52px;
  --type-h1-inner: 46px;
  --type-h2: 38px;
  --type-h3: 36px;
  --type-h4: 19px;
  --type-h4-lg: 23px;
  --type-quote: 27px;

  --type-lead: 19px;
  --type-body: 17px;
  --type-card: 15px;
  --type-card-sm: 14.5px;
  --type-eyebrow: 13px;
  --type-fine: 13px;

  --lh-display: 1.1;
  --lh-heading: 1.2;
  --lh-body: 1.7;
  --lh-card: 1.6;
  --lh-quote: 1.5;

  --ls-display: -.022em;
  --ls-heading: -.015em;
  --ls-eyebrow: .16em;

  /* Spacing */
  --page-width: 1280px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 18px;
  --space-5: 22px;
  --space-6: 28px;
  --space-7: 40px;
  --space-8: 60px;

  --section-pad-y: 82px;
  --section-pad-x: 60px;
  --hero-pad-y: 88px;
  --hero-pad-y-home: 96px;

  --grid-gap: 18px;
  --grid-gap-wide: 60px;

  /* Radius / shadow */
  --radius-card: 8px;
  --radius-card-lg: 10px;
  --radius-image: 12px;
  --radius-pill: 100px;

  --rule-card-top: 4px;
  --rule-card-bottom: 5px;
  --button-border: 3px;

  --shadow-none: none;
  --shadow-page: 0 30px 80px rgba(18, 54, 76, .18);
}