/* BioMarkIQ First Light — generated from tokens.json */
@font-face { font-family: 'Anek Latin'; src: url('../fonts/AnekLatin-Variable.woff2') format('woff2'); font-weight: 100 800; font-display: swap; }
@font-face { font-family: 'Anek Devanagari'; src: url('../fonts/AnekDevanagari-Variable.woff2') format('woff2'); font-weight: 100 800; font-display: swap; }
@font-face { font-family: 'Anek Gurmukhi'; src: url('../fonts/AnekGurmukhi-Variable.woff2') format('woff2'); font-weight: 100 800; font-display: swap; }
@font-face { font-family: 'Atkinson Hyperlegible Next'; src: url('../fonts/AtkinsonHyperlegibleNext-Variable.woff2') format('woff2'); font-weight: 200 800; font-display: swap; }
@font-face { font-family: 'Atkinson Hyperlegible Mono'; src: url('../fonts/AtkinsonHyperlegibleMono-Regular.woff2') format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Atkinson Hyperlegible Mono'; src: url('../fonts/AtkinsonHyperlegibleMono-Medium.woff2') format('woff2'); font-weight: 500; font-display: swap; }
:root, [data-theme="cotton"] {
  --dip-1: #f3f7ff;
  --dip-2: #e2ebff;
  --dip-3: #c4d4fa;
  --dip-4: #96b0ee;
  --dip-5: #6081da;
  --dip-6: #3050b8;
  --dip-7: #132893;
  --dip-8: #07056f;
  --dip-9: #12134e;
  --dip-10: #0a0a2f;
  --circuit: #0c66ac;
  --haldi: #fea91e;
  --surface: #fbfaf6;
  --surface-raised: #ffffff;
  --surface-wash: #e2ebff;
  --ink: #101635;
  --ink-soft: #4d5371;
  --brand: var(--dip-8);
  --action: var(--dip-8);
  --on-action: #fbfaf6;
  --link: var(--circuit);
  --line: #dbdee6;
  --line-strong: #7f859f;
  --light: var(--haldi);
  --light-ink: #9a5500;
  --light-tint: #feefcf;
  --on-light: #101635;
  --signal-clear: var(--circuit);
  --focus: var(--circuit);
  --lung-tint: #a4ddff;
  --lung-deep: #005c8c;
  --breast-tint: #ffbdd0;
  --breast-deep: #8e284e;
  --oral-tint: #fac8aa;
  --oral-deep: #7e4116;
  --cervical-tint: #9fe4da;
  --cervical-deep: #00635a;
  --gastric-tint: #d3cdff;
  --gastric-deep: #563e9f;
  --shadow-lift: 0 1px 2px rgba(16,22,53,0.06), 0 12px 32px rgba(16,22,53,0.08);
  --glow-light: 0 0 0 6px rgba(254,169,30,0.22), 0 0 24px 4px rgba(254,169,30,0.35);
}
[data-theme="night"] {
  --dip-1: #f3f7ff;
  --dip-2: #e2ebff;
  --dip-3: #c4d4fa;
  --dip-4: #96b0ee;
  --dip-5: #6081da;
  --dip-6: #3050b8;
  --dip-7: #132893;
  --dip-8: #07056f;
  --dip-9: #12134e;
  --dip-10: #0a0a2f;
  --circuit: #0c66ac;
  --haldi: #fea91e;
  --surface: #0a0a2f;
  --surface-raised: #12134e;
  --surface-wash: #132266;
  --ink: #f5f3ec;
  --ink-soft: #b7bcd5;
  --brand: var(--dip-3);
  --action: var(--haldi);
  --on-action: #0a0a2f;
  --link: #86beee;
  --line: #272e5b;
  --line-strong: #6d77a4;
  --light: var(--haldi);
  --light-ink: #f9bf60;
  --light-tint: #412805;
  --on-light: #0a0a2f;
  --signal-clear: #86beee;
  --focus: var(--haldi);
  --lung-tint: #08354a;
  --lung-deep: #95d4f9;
  --breast-tint: #4b202e;
  --breast-deep: #ffb1c6;
  --oral-tint: #462714;
  --oral-deep: #f4bd9d;
  --cervical-tint: #003934;
  --cervical-deep: #8fdbd1;
  --gastric-tint: #302a4c;
  --gastric-deep: #c9c2fd;
  --shadow-lift: 0 1px 2px rgba(0,0,0,0.5), 0 12px 32px rgba(0,0,0,0.4);
  --glow-light: 0 0 0 6px rgba(254,169,30,0.25), 0 0 32px 8px rgba(254,169,30,0.45);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --space-40: 160px;
  --radius-xs: 2px;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 28px;
  --radius-node: 999px;
  --stroke-hair: 1px;
  --stroke-branch: 1.5px;
  --stroke-trunk: 2.5px;
  --node-sm: 6px;
  --node-lit: 12px;
  --duration-instant: 100ms;
  --duration-quick: 200ms;
  --duration-standard: 320ms;
  --duration-draw: 1600ms;
  --duration-dawn: 2400ms;
  --duration-breath: 5000ms;
  --ease-enter: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-exit: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-dawn: cubic-bezier(0.45, 0, 0.2, 1);
  --ease-breath: cubic-bezier(0.37, 0, 0.63, 1);
  --font-display: "Anek Latin", "Anek Devanagari", "Anek Gurmukhi", system-ui, sans-serif;
  --font-text: "Atkinson Hyperlegible Next", "Anek Devanagari", "Anek Gurmukhi", system-ui, sans-serif;
  --font-mono: "Atkinson Hyperlegible Mono", ui-monospace, monospace;
  --font-indic: "Anek Devanagari", "Anek Gurmukhi", system-ui, sans-serif;
}