/* GERADO por packages/brand/sincronizar.py — não edite à mão.
   Tokens do Design System Collmeia v3 "Colmeia Quieta"
   (https://claude.ai/artifact/ApmnkeCgAiR7zRpuhnSqMx). Para mudar um token,
   mude o artefato, sincronize o espelho e rode este script. */

/* GERADO por gerar_tokens_css.py a partir de tokens.json — não edite à mão.
   Fonte: Design System Collmeia v3, https://claude.ai/artifact/ApmnkeCgAiR7zRpuhnSqMx */
:root {
  --clm-bg: #0a0a0a;
  --clm-bg-scene: #060605;
  --clm-surface: #141410;
  --clm-surface-2: #1c1b14;
  --clm-surface-float: rgba(17, 17, 14, 0.92);
  --clm-overlay: rgba(0, 0, 0, 0.6);
  --clm-scene-chip: rgba(10, 10, 10, 0.82);
  --clm-text: #f5f0e6;
  --clm-text-muted: #b8b0a0;
  --clm-text-subtle: #8a8478;
  --clm-text-faint: #6b665a;
  --clm-line: rgba(245, 240, 230, 0.07);
  --clm-line-strong: rgba(245, 240, 230, 0.14);
  --clm-fill-hover: rgba(245, 240, 230, 0.06);
  --clm-fill-selected: rgba(245, 240, 230, 0.08);
  --clm-gold: #d4af37;
  --clm-on-gold: #0a0a0a;
  --clm-gold-light: #e6c86e;
  --clm-gold-dim: #8a7223;
  --clm-gold-tint: rgba(212, 175, 55, 0.08);
  --clm-gold-line: rgba(212, 175, 55, 0.35);
  --clm-gold-mark: rgba(212, 175, 55, 0.28);
  --clm-ok: #6fbf73;
  --clm-ok-tint: rgba(111, 191, 115, 0.08);
  --clm-ok-line: rgba(111, 191, 115, 0.35);
  --clm-danger: #e05252;
  --clm-danger-text: #f0a0a0;
  --clm-danger-line: rgba(224, 82, 82, 0.35);
  --clm-off: var(--clm-text-faint);
  --clm-focus: var(--clm-gold-light);
  --clm-chart-1: #b38c15;
  --clm-chart-2: #7e5db1;
  --clm-chart-3: #65a556;
  --clm-chart-4: #aa4d75;
  --clm-chart-5: #5894e0;
  --clm-chart-6: #ae5528;
  --clm-chart-7: #0fa8a1;
  --clm-chart-8: #b14e49;
  --clm-chart-other: var(--clm-text-subtle);
  --clm-paper: #f5f0e6;
  --clm-paper-neutral: #e5e1d9;
  --clm-paper-line: #dbd7cf;
  --clm-ink: var(--clm-bg);
  --clm-ink-muted: #4b4740;
  --clm-ink-subtle: #67635a;
  --clm-gold-ink: #7b5f06;
  --clm-ok-ink: #2f6d34;
  --clm-ok-paper: #d8efd8;
  --clm-danger-ink: #a12f2f;
  --clm-danger-paper: #fedbd7;
  --clm-doc-chart-1: #a68003;
  --clm-doc-chart-2: #6f4fa1;
  --clm-doc-chart-3: #58994a;
  --clm-doc-chart-4: #9a3e67;
  --clm-doc-chart-5: #4c88d3;
  --clm-doc-chart-6: #9d4616;
  --clm-doc-chart-7: #079a94;
  --clm-doc-chart-8: #a03f3c;
  --shadow-float: 0 16px 48px rgba(0, 0, 0, 0.6);
  --shadow-dialog: 0 32px 96px rgba(0, 0, 0, 0.7);
  --shadow-toast: 0 12px 36px rgba(0, 0, 0, 0.5);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --radius-xs: 6px;
  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 18px;
  --radius-pill: 999px;
  --size-nav: 232px;
  --size-topbar: 64px;
  --size-column: 720px;
  --size-aside: 300px;
  --size-control-s: 28px;
  --size-control: 36px;
  --size-control-l: 40px;
  --size-control-xl: 44px;
  --font-display: "Unbounded", system-ui, sans-serif;
  --font-body: "Manrope", "Segoe UI", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
}
.clm-display-xl { font-family: var(--font-display); font-size: 34px; line-height: 1.2; font-weight: 500; letter-spacing: -0.01em; }
.clm-display-l { font-family: var(--font-display); font-size: 22px; line-height: 1.3; font-weight: 500; }
.clm-display-m { font-family: var(--font-display); font-size: 19px; line-height: 1.35; font-weight: 500; }
.clm-title { font-family: var(--font-display); font-size: 16px; line-height: 1.3; font-weight: 500; }
.clm-heading { font-family: var(--font-body); font-size: 15.5px; line-height: 1.4; font-weight: 700; }
.clm-body-l { font-family: var(--font-body); font-size: 15px; line-height: 1.7; font-weight: 400; }
.clm-body { font-family: var(--font-body); font-size: 14px; line-height: 1.6; font-weight: 400; }
.clm-body-s { font-family: var(--font-body); font-size: 13.5px; line-height: 1.5; font-weight: 500; }
.clm-caption { font-family: var(--font-body); font-size: 12.5px; line-height: 1.5; font-weight: 400; }
.clm-label { font-family: var(--font-body); font-size: 11.5px; line-height: 1.4; font-weight: 600; }
.clm-mono { font-family: var(--font-mono); font-size: 12.5px; line-height: 1.6; font-weight: 400; }
.clm-mono-xs { font-family: var(--font-mono); font-size: 11px; line-height: 1.5; font-weight: 400; }