/* tokens.css for Amanah BioSystems: generated by ui-craft direction.py on 2026-10-07
   direction: utility-console (Utility console), brand #10b981
   Load fonts in <head> (see DESIGN.md). Use only these variables for color, type, space, radius, shadow. */

:root {
  color-scheme: light dark;
  --font-display: "IBM Plex Sans", 'Segoe UI', Arial, sans-serif;
  --font-text: "IBM Plex Sans", 'Segoe UI', Arial, sans-serif;
  --font-mono: "IBM Plex Mono", Consolas, 'Courier New', monospace;
  --step--2: 0.75rem;  /* 12px -> 12px */
  --step--1: 0.75rem;  /* 12px -> 12px */
  --step-0: clamp(1rem, 0.96rem + 0.2vw, 1.05rem);  /* 16px phone minimum */
  --step-1: 1.05rem;  /* 17px -> 17px */
  --step-2: 1.26rem;  /* 20px -> 20px */
  --step-3: 1.512rem;  /* 24px -> 24px */
  --step-4: 1.814rem;  /* 29px -> 29px */
  --step-5: 2.177rem;  /* 35px -> 35px */
  --step-6: 2.613rem;  /* 42px -> 42px */
  --weight-display: 600;
  --weight-strong: 600;
  --leading-tight: 1.12;
  --leading-snug: 1.3;
  --leading-body: 1.6;
  --tracking-display: -0.025em;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 8rem;
  --section: clamp(1.5rem, 1.304rem + 0.8696vw, 2rem);
  --gutter: clamp(1rem, 0.6rem + 1.8vw, 2rem);
  --container: 76rem;
  --measure: 62ch;
  --radius-1: 4px;  /* inputs, buttons, chips */
  --radius-2: 6px;  /* cards, images */
  --radius-3: 8px;  /* large panels, dialogs */
  --border-w: 1px;
  --shadow-1: none;  /* static raised things (if any) */
  --shadow-2: 0 12px 32px -12px rgb(18 27 22 / .28);  /* menus, dialogs, sticky bars only */
  --dur-1: 100ms; --dur-2: 160ms; --dur-3: 220ms;
  --ease: cubic-bezier(.2, .7, .2, 1);
  --tap: 44px;
  --paper: #f6fcf8;
  --surface: #fcfffd;
  --surface-2: #e9f1ec;
  --line: #cdd5d0;
  --line-strong: #828a85;
  --ink: #121b16;
  --ink-2: #424a46;
  --ink-3: #646d68;
  --brand: #10b981;
  --accent: #10b981;
  --on-accent: #141414;
  --accent-ink: #007b54;
  --accent-tint: #d8f7e7;
  --focus: #007b54;
  --ok-ink: #1b7b3c;
  --ok-tint: #daf8df;
  --warn-ink: #915b00;
  --warn-tint: #ffebd5;
  --danger-ink: #b6322d;
  --danger-tint: #ffe9e6;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper: #0d1310;
    --surface: #171d1a;
    --surface-2: #060c09;
    --line: #29302c;
    --line-strong: #626a65;
    --ink: #e9f1ec;
    --ink-2: #b8c0bb;
    --ink-3: #8c9490;
    --brand: #10b981;
    --accent: #10b981;
    --on-accent: #141414;
    --accent-ink: #14ba82;
    --accent-tint: #092e1f;
    --focus: #14ba82;
    --ok-ink: #69c27e;
    --ok-tint: #122a18;
    --warn-ink: #e29936;
    --warn-tint: #322009;
    --danger-ink: #ff7f73;
    --danger-tint: #371b18;
  }
}
:root[data-theme="dark"] {
  --paper: #0d1310;
  --surface: #171d1a;
  --surface-2: #060c09;
  --line: #29302c;
  --line-strong: #626a65;
  --ink: #e9f1ec;
  --ink-2: #b8c0bb;
  --ink-3: #8c9490;
  --brand: #10b981;
  --accent: #10b981;
  --on-accent: #141414;
  --accent-ink: #14ba82;
  --accent-tint: #092e1f;
  --focus: #14ba82;
  --ok-ink: #69c27e;
  --ok-tint: #122a18;
  --warn-ink: #e29936;
  --warn-tint: #322009;
  --danger-ink: #ff7f73;
  --danger-tint: #371b18;
}