:root {
  --bg: #14100d; --surface: #211a16; --surface-2: #2e251f; --border: #3d322b;
  --border-input: #8d7c70; --text: #f7f0ea; --text-muted: #bfb1a6;
  --accent: #ff8552; --on-accent: #241006; --danger: #ff8f8f; --success: #8fdcaf;
  --overlay: rgba(0, 0, 0, .55); --hover: rgba(255, 255, 255, .07);
  --font: Inter, "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px; --s6: 32px; --s7: 48px;
  --r-sm: 6px; --r-md: 10px; --r-lg: 16px; --r-pill: 999px;
  --t-xs: 12px; --t-sm: 14px; --t-base: 16px; --t-lg: 20px; --t-xl: 28px; --t-display: 48px;
  --side-w: 300px; --panel-w: 330px; --bar-h: 88px; --nav-h: 60px; --row-h: 56px;
  --shadow: 0 12px 32px rgba(0, 0, 0, .5);
  --fast: 120ms; --base: 200ms;
  color-scheme: dark;
}
:root[data-tema="claro"] {
  --bg: #fbf6f1; --surface: #f1e8e0; --surface-2: #e7dbd0; --border: #d6c7ba;
  --border-input: #85715f; --text: #231a14; --text-muted: #5c4d42;
  --accent: #b03f10; --on-accent: #ffffff; --danger: #a82222; --success: #1c6b42;
  --overlay: rgba(40, 25, 15, .4); --hover: rgba(60, 35, 15, .08);
  --shadow: 0 12px 32px rgba(60, 35, 15, .25);
  color-scheme: light;
}