/* Design tokens. Dark theme is the default; light theme via [data-theme="light"]. */
:root {
  color-scheme: dark;

  /* Neutrals */
  --bg: #050912;
  --bg-2: #0a1120;
  --surface: #0f1829;
  --surface-2: #16223a;
  --surface-3: #1e2c48;
  --line: #2a3a5c;
  --line-soft: #1b2741;
  --ink: #e8eefb;
  --ink-dim: #9aa9c7;
  --ink-faint: #5d6c8c;
  --accent: #5ee7ff;
  --accent-2: #a78bfa;
  --danger: #ff5c7a;
  --ok: #3ee08f;
  --glow: 0 0 18px rgb(94 231 255 / 0.35);

  /* System colours */
  --sys-skeletal: #ece2cb;
  --sys-muscular: #ff7b6b;
  --sys-nervous: #ffd84a;
  --sys-cardiovascular: #ff3355;
  --sys-respiratory: #67c9ff;
  --sys-digestive: #ffa24a;
  --sys-urinary: #2fd6d0;
  --sys-reproductive: #ff6fae;
  --sys-endocrine: #a78bfa;
  --sys-lymphatic: #3ee08f;
  --sys-integumentary: #f3c3a0;
  --sys-senses: #b8f04a;
  --sys-cells: #e879f9;

  /* Anatomical material colours (used by body map and diagrams) */
  --c-bone: #e8dcc0;
  --c-bone-spongy: #cdb98f;
  --c-cartilage: #9fd8e6;
  --c-marrow: #f0785d;
  --c-yellow-marrow: #f5d36a;
  --c-periosteum: #f2a07b;
  --c-muscle: #e5635a;
  --c-muscle-light: #ff9a8a;
  --c-tendon: #e9e4d4;
  --c-ligament: #d8d2bf;
  --c-nerve: #ffd84a;
  --c-myelin: #fff2b3;
  --c-artery: #ff3355;
  --c-vein: #4f7dff;
  --c-capillary: #b05cff;
  --c-blood: #d61f3c;
  --c-deoxy: #5b5bd6;
  --c-lymph: #3ee08f;
  --c-fat: #ffe08a;
  --c-skin: #f3c3a0;
  --c-epidermis: #f7d3b7;
  --c-dermis: #f0a8a0;
  --c-hypodermis: #ffe08a;
  --c-hair: #8a6a4f;
  --c-organ: #f08f84;
  --c-liver: #c4564c;
  --c-mucosa: #ff9db0;
  --c-serosa: #f6c1a8;
  --c-gland: #a78bfa;
  --c-fluid: #7fd6ff;
  --c-air: #bfe9ff;
  --c-urine: #ffe066;
  --c-bile: #9bd34a;
  --c-enamel: #f4f7ff;
  --c-dentin: #f1e3b8;
  --c-pulp: #ff8a9a;
  --c-cell: #6fe3d4;
  --c-cytoplasm: #173a47;
  --c-membrane: #ffb36b;
  --c-nucleus: #8b7bff;
  --c-nucleolus: #5a3fd6;
  --c-chromatin: #c6b8ff;
  --c-mito: #ff7b6b;
  --c-er: #63c7ff;
  --c-golgi: #ffd84a;
  --c-lysosome: #3ee08f;
  --c-peroxisome: #b8f04a;
  --c-ribosome: #f0f0f0;
  --c-vesicle: #ffc6e3;
  --c-cytoskeleton: #7a8bb5;
  --c-dna: #ff6fae;
  --c-rna: #ffa24a;
  --c-protein: #2fd6d0;

  /* Type & shape */
  --font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --radius: 14px;
  --radius-sm: 9px;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --shadow: 0 12px 40px rgb(0 0 0 / 0.45);
}

:root[data-theme="light"] {
  color-scheme: light;
  --bg: #f4f6fb;
  --bg-2: #eaeef7;
  --surface: #ffffff;
  --surface-2: #f2f5fb;
  --surface-3: #e5eaf5;
  --line: #c9d2e5;
  --line-soft: #dfe5f1;
  --ink: #0e1628;
  --ink-dim: #4a5878;
  --ink-faint: #8a96b0;
  --accent: #0284c7;
  --accent-2: #7c3aed;
  --glow: 0 0 14px rgb(2 132 199 / 0.25);
  --shadow: 0 12px 36px rgb(20 30 60 / 0.14);

  --sys-skeletal: #a08a5c;
  --sys-muscular: #d9483b;
  --sys-nervous: #c99a00;
  --sys-cardiovascular: #d4163c;
  --sys-respiratory: #1f8fd6;
  --sys-digestive: #e07a12;
  --sys-urinary: #0f9f9a;
  --sys-reproductive: #d63f8c;
  --sys-endocrine: #7c5ce0;
  --sys-lymphatic: #1a9e5c;
  --sys-integumentary: #c98a5e;
  --sys-senses: #6a9a10;
  --sys-cells: #b83cc9;

  --c-bone: #d9c9a0;
  --c-bone-spongy: #bfa673;
  --c-nerve: #e0b100;
  --c-myelin: #f5e08a;
  --c-artery: #e0193f;
  --c-vein: #2f5fe0;
  --c-lymph: #1fb86a;
  --c-cytoplasm: #dff4f7;
  --c-ribosome: #4a5878;
  --c-enamel: #ffffff;
  --c-air: #8fd0f5;
  --c-cell: #2bb3a3;
  --c-golgi: #e0b100;
}