/* DESIGN-REFINEMENT-001: fundamentos reutilizables CodeWorks. */
:root {
  color-scheme: dark;
  --bg: #0b131c;
  --panel: #111f2c;
  --panel-soft: #152535;
  --surface-input: #0e1a26;
  --surface-hover: #1b2e40;
  --line: #283b4c;
  --line-strong: #3b536b;
  --line-control: #526c84;
  --text: #f1f5fb;
  --muted: #a9bacd;
  --blue: #2384fa;
  --blue-strong: #146bd2;
  --blue-hover: #1b70d6;
  --blue-text: #78baff;
  --focus: #8bc8ff;
  --green: #62dfb1;
  --green-surface: #12382f;
  --green-line: #286a54;
  --amber: #f2bc60;
  --amber-surface: #382e1e;
  --amber-line: #66512e;
  --red: #ffa2af;
  --red-surface: #3b222b;
  --red-line: #754352;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;
  --radius-sm: 5px;
  --radius: 8px;
  --radius-lg: 10px;
  --font-sans: Inter, "Segoe UI", Arial, sans-serif;
  --font-mono: "Cascadia Code", Consolas, monospace;
  --text-xs: 11px;
  --text-sm: 12px;
  --text-base: 14px;
  --text-lg: 16px;
  --text-title: 28px;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --control-height: 42px;
  --icon-size: 20px;
  --nav-width: 232px;
  --nav-compact-width: 76px;
  --header-size: 74px;
  --page-gutter: 28px;
  --content-max: 1680px;
  --shadow-overlay: 0 12px 36px #0005;
  --transition: 160ms ease;
  font-family: var(--font-sans);
  font-size: var(--text-base);
  line-height: 1.5;
  font-synthesis: none;
}