/* Generated from design/tokens.yaml by `cargo run -p mindset-design --bin generate`. Do not edit. */
@font-face { font-family: "Atkinson Hyperlegible Next"; src: url("../fonts/AtkinsonHyperlegibleNext%5Bwght%5D.ttf") format("truetype"); font-weight: 200 800; font-style: normal; font-display: swap; }
@font-face { font-family: "Atkinson Hyperlegible Next"; src: url("../fonts/AtkinsonHyperlegibleNext-Italic%5Bwght%5D.ttf") format("truetype"); font-weight: 200 800; font-style: italic; font-display: swap; }
:root {
  --font-family: "Atkinson Hyperlegible Next", system-ui, sans-serif;
  --color-accent: #0B4A63;
  --color-bg: #FAF8F4;
  --color-border: #6B7178;
  --color-calm: #E3ECEF;
  --color-challenge: #8A5220;
  --color-chance: #5B3A8C;
  --color-change: #3B6A45;
  --color-charge: #FFC53D;
  --color-charge-deep: #7A2E00;
  --color-choice: #0B4A63;
  --color-danger: #8A1414;
  --color-divider: #D9D4CC;
  --color-focus: #0B4A63;
  --color-on-accent: #FFFFFF;
  --color-on-calm: #1A1C1E;
  --color-on-charge: #1A1C1E;
  --color-on-charge-deep: #FFFFFF;
  --color-on-danger: #FFFFFF;
  --color-surface: #FFFFFF;
  --color-text: #1A1C1E;
  --color-text-muted: #3D4146;
  --type-body-size: 1.125rem;
  --type-body-weight: 400;
  --type-display-size: 2.125rem;
  --type-display-weight: 800;
  --type-h1-size: 1.75rem;
  --type-h1-weight: 700;
  --type-h2-size: 1.375rem;
  --type-h2-weight: 700;
  --type-label-size: 1.125rem;
  --type-label-weight: 600;
  --type-small-size: 1rem;
  --type-small-weight: 400;
  --space-l: 24px;
  --space-m: 16px;
  --space-s: 8px;
  --space-xl: 32px;
  --space-xs: 4px;
  --radius-card: 16px;
  --radius-control: 12px;
  --radius-pill: 999px;
  --target-min: max(48px, 3rem);
  --line-height: 1.5;
  --target-large: max(64px, 4rem);
  --paragraph-spacing: 2.25em;
  --measure: 70ch;
  --focus-ring: 3px;
  --motion-duration: 200ms;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-accent: #A7CFDF;
    --color-bg: #121416;
    --color-border: #8C939B;
    --color-calm: #1C2A31;
    --color-challenge: #DDB48E;
    --color-chance: #CDB8EA;
    --color-change: #AACFA9;
    --color-charge: #FFC53D;
    --color-charge-deep: #FFB48A;
    --color-choice: #A7CFDF;
    --color-danger: #FFB3AD;
    --color-divider: #3A3F44;
    --color-focus: #A7CFDF;
    --color-on-accent: #0B1F28;
    --color-on-calm: #EAF1F3;
    --color-on-charge: #1A1C1E;
    --color-on-charge-deep: #2A1000;
    --color-on-danger: #3B0906;
    --color-surface: #1C1F22;
    --color-text: #F3F1EC;
    --color-text-muted: #CFCAC1;
  }
}
:root[data-theme="dark"] {
  --color-accent: #A7CFDF;
  --color-bg: #121416;
  --color-border: #8C939B;
  --color-calm: #1C2A31;
  --color-challenge: #DDB48E;
  --color-chance: #CDB8EA;
  --color-change: #AACFA9;
  --color-charge: #FFC53D;
  --color-charge-deep: #FFB48A;
  --color-choice: #A7CFDF;
  --color-danger: #FFB3AD;
  --color-divider: #3A3F44;
  --color-focus: #A7CFDF;
  --color-on-accent: #0B1F28;
  --color-on-calm: #EAF1F3;
  --color-on-charge: #1A1C1E;
  --color-on-charge-deep: #2A1000;
  --color-on-danger: #3B0906;
  --color-surface: #1C1F22;
  --color-text: #F3F1EC;
  --color-text-muted: #CFCAC1;
}
:root[data-theme="contrasto"] {
  --color-accent: #00324A;
  --color-bg: #FFFFFF;
  --color-border: #000000;
  --color-calm: #FFFFFF;
  --color-challenge: #5A3000;
  --color-chance: #3A1A63;
  --color-change: #1E4A28;
  --color-charge: #FFD000;
  --color-charge-deep: #5A1E00;
  --color-choice: #00324A;
  --color-danger: #6E0000;
  --color-divider: #000000;
  --color-focus: #000000;
  --color-on-accent: #FFFFFF;
  --color-on-calm: #000000;
  --color-on-charge: #000000;
  --color-on-charge-deep: #FFFFFF;
  --color-on-danger: #FFFFFF;
  --color-surface: #FFFFFF;
  --color-text: #000000;
  --color-text-muted: #1F1F1F;
}
@media (prefers-reduced-motion: reduce) { :root { --motion-duration: 0ms; } }
:root[data-motion="off"] { --motion-duration: 0ms; }