/* the worth of now — tokens gerados de tokens.json */
:root, [data-theme="light"] {
  --paper: #F3EEE4;
  --surface: #FFFCF6;
  --surface-sunk: #E8E1D3;
  --ink: #16130F;
  --ink-muted: #5C554B;
  --line: #DCD3C3;
  --line-strong: #8C8375;
  --ink-fixed: #16130F;
  --paper-fixed: #F3EEE4;
  --lima: #C8F53C;
  --lima-text: #3F5A00;
  --chiclete: #FFA3D6;
  --ceu: #8ED6FF;
  --coral: #FF6A45;
  --alta: #00735F;
  --alta-bg: #D3F0E6;
  --queda: #C0301F;
  --queda-bg: #FADFD9;
  --neutro-bg: #E8E1D3;
  --focus: #16130F;
  --shadow-sticker: 4px 4px 0 #16130F;
  --shadow-lift: 0 1px 2px rgba(22,19,15,0.06), 0 8px 24px rgba(22,19,15,0.06);
}
[data-theme="dark"] {
  --paper: #12110F;
  --surface: #1D1B18;
  --surface-sunk: #0A0908;
  --ink: #F3EEE4;
  --ink-muted: #A9A195;
  --line: #35312C;
  --line-strong: #77706A;
  --ink-fixed: #16130F;
  --paper-fixed: #F3EEE4;
  --lima: #C8F53C;
  --lima-text: #C8F53C;
  --chiclete: #FFA3D6;
  --ceu: #8ED6FF;
  --coral: #FF6A45;
  --alta: #45D9B0;
  --alta-bg: #0E362D;
  --queda: #FF7B63;
  --queda-bg: #45190F;
  --neutro-bg: #2A2723;
  --focus: #C8F53C;
  --shadow-sticker: 4px 4px 0 #C8F53C;
  --shadow-lift: 0 1px 2px rgba(0,0,0,0.4), 0 8px 24px rgba(0,0,0,0.35);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 80px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-pill: 999px;
  --font-display: "Bricolage Grotesque", "Instrument Sans", system-ui, sans-serif;
  --font-sans: "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
}
@font-face { font-family: "Bricolage Grotesque"; src: url("../fonts/BricolageGrotesque-800.woff2") format("woff2"); font-weight: 800; font-style: normal; font-display: swap; }
@font-face { font-family: "Bricolage Grotesque"; src: url("../fonts/BricolageGrotesque-700.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Instrument Sans"; src: url("../fonts/InstrumentSans-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Instrument Sans"; src: url("../fonts/InstrumentSans-500.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Instrument Sans"; src: url("../fonts/InstrumentSans-600.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Instrument Sans"; src: url("../fonts/InstrumentSans-700.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("../fonts/JetBrainsMono-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("../fonts/JetBrainsMono-600.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
