/* RightDoor design tokens. Dark is the default; light is opt-in or follows the OS.
 *
 * Theme resolution (recommended):
 *   1. <html data-theme="dark|light"> if the visitor chose one (persist in localStorage "rd-theme").
 *   2. otherwise follow prefers-color-scheme. Marketing site defaults to DARK when there is no signal.
 * Set <meta name="color-scheme" content="dark light"> and theme-color per scheme (see docs/03-site-spec.md).
 */
:root{
  /* --- colour: dark (default) --- */
  --rd-bg:#0A0F12;          /* Night */
  --rd-bg-2:#0F161B;        /* Night 2: footer, sidebar */
  --rd-surface:#121B21;     /* cards */
  --rd-surface-2:#182329;   /* raised, active nav */
  --rd-line:#25343C;        /* borders, dividers, unlit lamps */
  --rd-ink:#F3EEE4;         /* text, arch stroke */
  --rd-muted:#9BA9AF;       /* secondary text (AA on bg) */
  --rd-faint:#6F7E85;       /* tertiary, placeholders. Not for essential text */
  --rd-accent:#FFE2B3;      /* Porch: the lamp, links, italic headline word */
  --rd-cta:#FFE2B3;         /* primary button fill */
  --rd-cta-ink:#1A1204;     /* text on primary button */
  --rd-glow:rgba(255,206,140,.38);
  --rd-code:#070B0D;        /* code blocks */
  /* verdicts: always paired with a text label, never colour alone */
  --rd-valid:#62D9A6;   --rd-valid-bg:#12302A;
  --rd-fixed:#7DB4FF;   --rd-fixed-bg:#142640;   /* "Corrected" */
  --rd-amb:#F0B24A;     --rd-amb-bg:#33270F;     /* "Ambiguous" */
  --rd-bad:#FF8279;     --rd-bad-bg:#3A1A19;     /* "Invalid" */
  --rd-parcel:#C98B4F;                           /* cardboard, same in both themes */

  /* --- type --- */
  --rd-font-serif:"Instrument Serif",Georgia,"Times New Roman",serif;   /* headlines, wordmark, prices */
  --rd-font-sans:Geist,system-ui,-apple-system,"Segoe UI","Helvetica Neue",sans-serif; /* UI, body */
  --rd-font-mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;   /* data, codes, JSON */
  --rd-text-display-xl:clamp(54px,8.4vw,124px);  /* hero h1, line-height .94, tracking -0.025em */
  --rd-text-display-l:clamp(44px,6vw,84px);      /* final CTA */
  --rd-text-section:clamp(38px,5vw,64px);        /* h2, line-height 1, tracking -0.02em */
  --rd-text-card:32px;                           /* serif, line-height 1.05 */
  --rd-text-lead:clamp(18px,2vw,22px);           /* hero lead, muted */
  --rd-text-body:16px;                           /* line-height 1.6 */
  --rd-text-small:14px;
  --rd-text-label:12.5px;                        /* mono, uppercase, tracking .1em */

  /* --- shape, space, layout --- */
  --rd-radius-pill:999px;  --rd-radius-card:20px;  --rd-radius-field:12px;  --rd-radius-plate:9px;
  --rd-space-1:4px; --rd-space-2:8px; --rd-space-3:12px; --rd-space-4:16px; --rd-space-5:24px;
  --rd-space-6:32px; --rd-space-7:48px; --rd-space-8:64px; --rd-space-9:96px; --rd-space-10:120px;
  --rd-container:1240px; --rd-gutter:32px; --rd-gutter-s:20px; --rd-bp-s:820px;
  --rd-tap:44px;           /* minimum touch target */
  --rd-focus:3px solid var(--rd-accent);

  /* --- motion --- */
  --rd-ease:cubic-bezier(.2,.7,.2,1);
  --rd-dur-fast:160ms; --rd-dur:280ms; --rd-loop-hero:8s; --rd-loop-footer:10s; --rd-loop-breathe:4.5s;
  color-scheme:dark light;
}

/* --- light --- */
:root[data-theme="light"]{
  --rd-bg:#F6F2E9; --rd-bg-2:#EFE9DC; --rd-surface:#FCFAF5; --rd-surface-2:#F1ECE0; --rd-line:#D9D2C2;
  --rd-ink:#0B1013; --rd-muted:#56636A; --rd-faint:#7C878C;
  --rd-accent:#9A5B06;       /* "Porch (text)": darker so it passes contrast on paper */
  --rd-cta:#0B1013; --rd-cta-ink:#F6F2E9; --rd-glow:rgba(214,140,40,.30); --rd-code:#0F171B;
  --rd-valid:#176B4A; --rd-valid-bg:#DDF1E7; --rd-fixed:#1D4FA0; --rd-fixed-bg:#E0EAF8;
  --rd-amb:#8A5A00; --rd-amb-bg:#F8EBCF; --rd-bad:#A32A22; --rd-bad-bg:#F9E1DE;
  color-scheme:light;
}
@media (prefers-color-scheme:light){
  :root:not([data-theme="dark"]){
    --rd-bg:#F6F2E9; --rd-bg-2:#EFE9DC; --rd-surface:#FCFAF5; --rd-surface-2:#F1ECE0; --rd-line:#D9D2C2;
    --rd-ink:#0B1013; --rd-muted:#56636A; --rd-faint:#7C878C; --rd-accent:#9A5B06;
    --rd-cta:#0B1013; --rd-cta-ink:#F6F2E9; --rd-glow:rgba(214,140,40,.30); --rd-code:#0F171B;
    --rd-valid:#176B4A; --rd-valid-bg:#DDF1E7; --rd-fixed:#1D4FA0; --rd-fixed-bg:#E0EAF8;
    --rd-amb:#8A5A00; --rd-amb-bg:#F8EBCF; --rd-bad:#A32A22; --rd-bad-bg:#F9E1DE;
    color-scheme:light;
  }
}