/* Oohaah design tokens. One source for the landing, the web app and the native apps (Theme.swift mirrors these).
   Shared system: 8 point grid, one radius set. Built on clrs.cc purple: actions, the frame and the full-bleed band. Navy only deepens the icon tile. */
/* Oohaah Display: Antonio (SIL OFL 1.1, fonts/OFL-Antonio.txt), condensed caps for headlines and labels only */
@font-face { font-family: "Oohaah Display"; src: url("fonts/OohaahDisplay.woff2") format("woff2"); font-weight: 100 700; font-display: swap; }

:root {
  color-scheme: light dark;
  --accent: #B10DC9;          /* clrs.cc purple: actions and links, AA on paper */
  --btn: #B10DC9;             /* solid buttons, white label */
  --frame: #B10DC9;           /* the thin frame down the window edges */
  --band: #B10DC9;            /* clrs.cc purple: full-bleed sections */
  --band-sub: #f6e3f9;        /* secondary text on the band, AA */
  --band-art: #e9b9f0;        /* engraving on the band: purple lifted toward white */
  --band-line: rgba(255, 255, 255, .22);
  --accent-light: #B10DC9;    /* icon gradient top */
  --accent-deep: #001F3F;     /* icon gradient bottom */
  --ring: color-mix(in srgb, var(--accent) 30%, transparent);
  --danger: #c0392b;
  --bg: #fdfdfd;
  --surface: #f4f2f7;
  --line: #e0dce6;
  --text: #1a1a1a;
  --sub: #5d5866;

  --display: "Oohaah Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --size-body: 17px;
  --size-footnote: 13px;

  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 64px; --sp-9: 96px;
  --wrap: 1120px;
  --control: 48px;
  --r-card: 28px;
  --r-row: 8px;
  --r-pill: 999px;
  --r-sq: 2px;
  --r-icon: 22.5%;
  --motion: .2s ease;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --accent: #DA8BE6;
    --btn: #B10DC9;
    --band: #6e0880;
    --band-sub: #f0d9f4;
    --band-art: #d58ce0;
    --danger: #e2564a;
    --bg: #070b14;
    --surface: #10162a;
    --line: #232b45;
    --text: #f2f5f3;
    --sub: #a7a3b5;
  }
}