/* =============================================================================
   BRAND TOKENS — cleberg.net
   ============================================================================= */
:root {
  color-scheme: light dark;

  /* Light */
  --bg:          #ffffff;
  --bg-soft:     #f5f5f5;
  --fg:          #0a0a0a;
  --fg-soft:     #444444;
  --accent:      #c0392b;
  --border:      #0a0a0a;
  --border-soft: #dedede;
  --code-bg:     #f3f3f3;
  --meta:        #999999;

  /* Fonts */
  --font-serif: Georgia, 'Times New Roman', serif;
  --font-sans:  system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;
  --font-mono:  ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, monospace;

  /* Type scale */
  --text-display: clamp(4rem, 8vw, 6.5rem);
  --text-h1:      clamp(2.2rem, 4vw, 3rem);
  --text-h2:      1.2rem;
  --text-body:    1.0625rem;
  --text-sm:      0.875rem;
  --text-xs:      0.6875rem;   /* 11px — label tier */
  --lh-display:   0.95;
  --lh-body:      1.75;

  /* Layout */
  --outer-w:  1000px;
  --prose-w:  720px;
  --pad:      clamp(1.25rem, 4vw, 2.5rem);
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg:          #080808;
    --bg-soft:     #111111;
    --fg:          #eeebe6;
    --fg-soft:     #aaa8a3;
    --accent:      #e05a48;
    --border:      #eeebe6;
    --border-soft: #1e1e1e;
    --code-bg:     #0d0d0d;
    --meta:        #555555;
  }
}