/* Ampixa Field — generated from tokens.json */
:root, [data-theme="light"] {
  --paper: #f7f6f3;
  --paper-2: #efede8;
  --card: #ffffff;
  --ink: #111111;
  --ink-2: #5e5a57;
  --rule: #d7d3cc;
  --crimson: #dc143c;
  --on-crimson: #ffffff;
  --crimson-pale: #f6d3da;
  --hear-1: #dde3fa;
  --hear-2: #a9b6f2;
  --hear-3: #5b6fe0;
  --hear-4: #2b3fd9;
  --hear-5: #17227a;
  --speak-1: #fbe6c4;
  --speak-2: #f5c470;
  --speak-3: #e8890c;
  --speak-4: #9e5208;
  --speak-5: #5e3205;
  --write-1: #dcefe2;
  --write-2: #9ed3b2;
  --write-3: #3e9c68;
  --write-4: #1f6e45;
  --write-5: #0d3a23;
  --read-1: #eaddf3;
  --read-2: #c7a6e2;
  --read-3: #8a4fc0;
  --read-4: #5e2c91;
  --read-5: #2e1349;
  --converse-1: #fbdce2;
  --converse-2: #f2a3b2;
  --converse-3: var(--crimson);
  --converse-4: #9c0e2b;
  --converse-5: #4f0716;
  --measure-1: #fff0c2;
  --measure-2: #f7d35c;
  --measure-3: #d9a400;
  --measure-4: #8f6c00;
  --measure-5: #463400;
  --build-1: #d9efef;
  --build-2: #93d1d0;
  --build-3: #2a9d9b;
  --build-4: #17706f;
  --build-5: #0a3a3a;
  --focus: var(--ink);
  --lift: 6px 6px 0 #111111;
  --lift-hover: 8px 8px 0 #dc143c;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 40px;
  --space-6: 64px;
  --radius-0: 0px;
  --ease-ui: cubic-bezier(.22,1,.36,1);
  --ripple-attack: 220ms;
  --ripple-decay: 550ms;
  --font-text: "CMU Serif", "Noto Serif Devanagari", Georgia, serif;
  --font-mono: "IBM Plex Mono", "Noto Sans Devanagari", Menlo, monospace;
  --font-label: "Press Start 2P", ui-monospace, monospace;
  --font-pixeldeva: "8 Bit Devanagari", "Noto Sans Devanagari", monospace;
  --font-hand: "Caveat", cursive;
}
.display { font-family: var(--font-text); font-size: 48px; line-height: 1.06; font-weight: 700; }
.title { font-family: var(--font-text); font-size: 32px; line-height: 1.12; font-weight: 700; }
.lead { font-family: var(--font-text); font-size: 24px; line-height: 1.4; font-weight: 700; }
.body { font-family: var(--font-text); font-size: 18px; line-height: 1.6; font-weight: 400; }
.small { font-family: var(--font-text); font-size: 14px; line-height: 1.45; font-weight: 400; }
.number { font-family: var(--font-mono); font-size: 24px; line-height: 1.1; font-weight: 600; }
.data { font-family: var(--font-mono); font-size: 13px; line-height: 1.5; font-weight: 400; }
.label { font-family: var(--font-label); font-size: 8px; line-height: 1.8; font-weight: 400; letter-spacing: 0.06em; }
.button { font-family: var(--font-label); font-size: 9px; line-height: 1.2; font-weight: 400; letter-spacing: 0.04em; }
@font-face { font-family: "CMU Serif"; src: url("fonts/cmu-serif-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "CMU Serif"; src: url("fonts/cmu-serif-700.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "CMU Serif"; src: url("fonts/cmu-serif-400-italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "8 Bit Devanagari"; src: url("fonts/8-bit-devanagari.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; }