/* =============================================================================
   SHARE — DESIGN LANGUAGE (mirrors krisyotam/tools)
   HSL tokens. Lora · Inter · JetBrains Mono.
   Spec: .claude/CLAUDE.md · reference: ~/dev/tools/index.html
   ============================================================================= */

:root {
  --bg:         0 0% 100%;
  --fg:         0 0% 20%;
  --fg-dim:     0 0% 35%;
  --muted:      0 0% 92%;
  --muted-fg:   0 0% 50%;
  --border:     0 0% 88%;
  --rule:       0 0% 82%;
  --accent:     0 0% 96%;

  /* Diff semantics — narrow exception to the monochrome rule. */
  --add-bg:     142 35% 95%;
  --add-fg:     142 45% 30%;
  --add-rule:   142 28% 80%;
  --remove-bg:    0 40% 96%;
  --remove-fg:    0 50% 38%;
  --remove-rule:  0 28% 84%;

  --serif: 'Lora', ui-serif, Georgia, Cambria, 'Times New Roman', serif;
  --sans:  'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mono:  'JetBrains Mono', ui-monospace, Menlo, Consolas, monospace;
}

html.dark {
  --bg:         0 0% 7%;
  --fg:         0 0% 96%;
  --fg-dim:     0 0% 78%;
  --muted:      0 0% 12%;
  --muted-fg:   0 0% 60%;
  --border:     0 0% 17%;
  --rule:       0 0% 22%;
  --accent:     0 0% 11%;
}
html.dark { color-scheme: dark; }

/* No-JS dark fallback */
@media (prefers-color-scheme: dark) {
  html:not(.dark):not(.light) {
    color-scheme: dark;
    --bg:         0 0% 7%;
    --fg:         0 0% 96%;
    --fg-dim:     0 0% 78%;
    --muted:      0 0% 12%;
    --muted-fg:   0 0% 60%;
    --border:     0 0% 17%;
    --rule:       0 0% 22%;
    --accent:     0 0% 11%;
  }
}