/* OneRing — gerado de design-system/tokens.json por build_tokens.py. Não editar à mão. */
@font-face{font-family:"Manrope";src:url("fonts/Manrope-Variable.woff2") format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("fonts/JetBrainsMono-Variable.woff2") format("woff2");font-weight:100 800;font-style:normal;font-display:swap}
:root{
  --surface-page: #f7f8fa;
  --surface: #ffffff;
  --surface-sunken: #eef1f5;
  --border: #e1e5ee;
  --border-control: #7c8599;
  --ink: #0f1422;
  --ink-muted: #5a6378;
  --night: #0f1422;
  --night-raised: #1f2740;
  --on-night: #c4cad8;
  --on-night-strong: #ffffff;
  --gold: #d9a441;
  --gold-hover: #c99232;
  --on-gold: #0f1422;
  --gold-ink: #8a6115;
  --gold-tint: #fbf3e2;
  --focus-ring: #8a6115;
  --focus-ring-on-night: #d9a441;
  --allow: #1f7a4d;
  --allow-tint: #e3f4ea;
  --block: #b0261b;
  --block-tint: #ffe4e1;
  --on-block: #ffffff;
  --mask: #a14000;
  --mask-tint: #ffead9;
  --pending: #2c46d6;
  --pending-tint: #e6eaff;
  --series-1: #b07c12;
  --series-2: #2f6fd6;
  --series-3: #0e9488;
  --series-4: #7a4fd0;
  --series-5: #d0507e;
  --chart-grid: #eef1f5;
  --chart-axis: var(--ink-muted);
  --chart-threshold: var(--block);
  --ring-line-blue: rgba(47,111,214,0.22);
  --ring-line-gold: rgba(217,164,65,0.5);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --control-height: 44px;
  --row-height: 56px;
  --nav-width: 248px;
  --chart-height: 240px;
  --ring-step: 28px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-full: 999px;
  --shadow-raised: 0 1px 2px rgba(15,20,34,0.06), 0 4px 12px rgba(15,20,34,0.05);
  --shadow-overlay: 0 12px 32px rgba(15,20,34,0.16);
  --font-sans: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
  --type-display: 300 40px/48px var(--font-sans);
  --type-h1: 300 28px/36px var(--font-sans);
  --type-h2: 300 22px/30px var(--font-sans);
  --type-h3: 300 20px/28px var(--font-sans);
  --type-body-lg: 500 17px/28px var(--font-sans);
  --type-body: 500 15px/24px var(--font-sans);
  --type-body-strong: 700 15px/24px var(--font-sans);
  --type-caption: 500 13px/20px var(--font-sans);
  --type-label: 700 12px/16px var(--font-sans);
  --type-code: 400 13px/20px var(--font-mono);
  --type-numeric: 500 28px/34px var(--font-mono);
}