/* Asanga 2.0 design tokens for asanga slate: the one source for every slate page
   (index, submit, blueprint). Values are asanga-ai/brand/design-system/tokens.json,
   the system asanga.ai implements (Lexend + the Twin, approved 24 Oct 2026).
   Light by default; dark follows the system setting unless the page sets
   data-theme="light", and data-theme="dark" forces it.

   Fonts are the full masters from asanga-ai/brand/fonts (Lexend[wght],
   AnekLatin[wdth,wght] and the Anek script families), converted to woff2. Not the
   site's subsets: user scripts can contain any character. Anek Latin is the full master
   with its width axis fixed at 118, the width asanga.ai's display face is cut at (every
   glyph kept, weight axis kept), so headlines match the site. */

@font-face { font-family: "Lexend"; src: url("fonts/lexend.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "Anek Latin"; src: url("fonts/anek-latin.woff2") format("woff2"); font-weight: 100 800; font-display: swap; }
@font-face { font-family: "Anek Scripts"; src: url("fonts/anek-devanagari.woff2") format("woff2"); unicode-range: U+0900-097F, U+1CD0-1CFF, U+A8E0-A8FF; font-weight: 100 800; font-stretch: 75% 125%; font-display: swap; }
@font-face { font-family: "Anek Scripts"; src: url("fonts/anek-bangla.woff2") format("woff2"); unicode-range: U+0980-09FF; font-weight: 100 800; font-stretch: 75% 125%; font-display: swap; }
@font-face { font-family: "Anek Scripts"; src: url("fonts/anek-gurmukhi.woff2") format("woff2"); unicode-range: U+0A00-0A7F; font-weight: 100 800; font-stretch: 75% 125%; font-display: swap; }
@font-face { font-family: "Anek Scripts"; src: url("fonts/anek-gujarati.woff2") format("woff2"); unicode-range: U+0A80-0AFF; font-weight: 100 800; font-stretch: 75% 125%; font-display: swap; }
@font-face { font-family: "Anek Scripts"; src: url("fonts/anek-odia.woff2") format("woff2"); unicode-range: U+0B00-0B7F; font-weight: 100 800; font-stretch: 75% 125%; font-display: swap; }
@font-face { font-family: "Anek Scripts"; src: url("fonts/anek-tamil.woff2") format("woff2"); unicode-range: U+0B80-0BFF; font-weight: 100 800; font-stretch: 75% 125%; font-display: swap; }
@font-face { font-family: "Anek Scripts"; src: url("fonts/anek-telugu.woff2") format("woff2"); unicode-range: U+0C00-0C7F; font-weight: 100 800; font-stretch: 75% 125%; font-display: swap; }
@font-face { font-family: "Anek Scripts"; src: url("fonts/anek-kannada.woff2") format("woff2"); unicode-range: U+0C80-0CFF; font-weight: 100 800; font-stretch: 75% 125%; font-display: swap; }
@font-face { font-family: "Anek Scripts"; src: url("fonts/anek-malayalam.woff2") format("woff2"); unicode-range: U+0D00-0D7F; font-weight: 100 800; font-stretch: 75% 125%; font-display: swap; }

:root{
  /* colour: graphite on white, one pink */
  --loop-pink:#ee6d8d;        /* the Twin, the line, what the machine adds. Never text on light, never a button */
  --pink-strong:#b8325a;      /* pink a person reads: kickers, focused-input borders, selected states */
  --on-pink-strong:#ffffff;
  --pink-tint:#fde9ee;
  --on-loop-pink:#1f1e24;
  --graphite:#474747;
  --ink:#474747;              /* all text, icons, the primary button fill, the focus ring */
  --ink-muted:#6e6b72;
  --surface:#ffffff; --surface-2:#f7f5f2; --surface-3:#ffffff;
  --line:#e6e1e4; --line-strong:#8d8992;
  --band:#19181c; --band-ink:#f4f2f5; --band-muted:#a9a6b0;
  --success:#1e7a4f; --warning:#9a5b00; --danger:#b42318; --info:#2b5fd9;
  --shadow-1:0 1px 2px rgba(71,71,71,.08),0 1px 1px rgba(71,71,71,.05);
  --shadow-2:0 8px 24px rgba(71,71,71,.12);

  /* type */
  --font:"Lexend","Anek Scripts",system-ui,-apple-system,"Segoe UI",sans-serif;
  --display:"Anek Latin","Lexend","Anek Scripts",system-ui,sans-serif;
  --scripts:"Anek Scripts",sans-serif;
  --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;

  /* shape */
  --r-sm:8px; --r-md:10px; --r-lg:16px; --r-pill:999px;

  color-scheme:light;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --pink-strong:#f7a8bc; --on-pink-strong:#17161b; --pink-tint:#3a2029;
    --graphite:#e9e7ec; --ink:#f4f2f5; --ink-muted:#a3a0aa;
    --surface:#141317; --surface-2:#1f1e24; --surface-3:#2a2930;
    --line:#34323a; --line-strong:#807c88;
    --band:#ffffff; --band-ink:#474747; --band-muted:#6e6b72;
    --success:#5fd39a; --warning:#f2b95c; --danger:#ff8a80; --info:#8fb0ff;
    --shadow-1:0 1px 2px rgba(0,0,0,.40);
    --shadow-2:0 8px 24px rgba(0,0,0,.50);
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --pink-strong:#f7a8bc; --on-pink-strong:#17161b; --pink-tint:#3a2029;
  --graphite:#e9e7ec; --ink:#f4f2f5; --ink-muted:#a3a0aa;
  --surface:#141317; --surface-2:#1f1e24; --surface-3:#2a2930;
  --line:#34323a; --line-strong:#807c88;
  --band:#ffffff; --band-ink:#474747; --band-muted:#6e6b72;
  --success:#5fd39a; --warning:#f2b95c; --danger:#ff8a80; --info:#8fb0ff;
  --shadow-1:0 1px 2px rgba(0,0,0,.40);
  --shadow-2:0 8px 24px rgba(0,0,0,.50);
  color-scheme:dark;
}