:root[data-theme="min"] {
  /* Light theme: GitHub-style neutrals with site accent */
  --bg: #ffffff;          /* canvas-default */
  --bg-alt: #f0f3f6;      /* canvas-subtle, slightly stronger */
  --bg-inset: #f6f8fa;    /* inset/background blocks */
  --text: #24292f;        /* fg-default */
  --text-dim: #57606a;    /* fg-muted */
  --border: #d0d7de;      /* border-default */
  --accent: #0969da;      /* GitHub link blue */
  --accent-accent: #0550ae; /* hover/darker */
  --danger: #d93025;

  /* Shared tokens */
  --radius-s: .35rem;
  --radius-m: .6rem;
  --radius-l: 1.1rem;
  --shadow-s: 0 1px 2px rgba(0,0,0,.06), 0 0 0 1px rgba(0,0,0,.04);
  --shadow-m: 0 4px 10px rgba(0,0,0,.08);
  --focus-ring: 0 0 0 3px rgba(9,105,218,.35);
  --content-max: 1200px;
  --trans-fast: 140ms;
  --code-bg: #f6f8fa;

  /* Backgrounds */
  --hero-bg: linear-gradient(180deg, #ffffff 0%, #f6f8fa 55%, #ffffff 100%);
  --section-alt-bg: linear-gradient(180deg, #ffffff 0%, #f6f8fa 100%);
}

/* Explicit dark theme override via data-theme */
:root[data-theme="min"][data-mode="dark"] {
  --bg: #0d1117;
  --bg-alt: #161b22;
  --bg-inset: #1f2732;
  --text: #e6edf3;
  --text-dim: #9ba4b0;
  --border: #2e3742;
  --accent: #1e90ff;
  --accent-accent: #63b3ff;
  --code-bg: #1b2430;

  --hero-bg: linear-gradient(135deg,#0d1117,#1b2330 55%,#0d1117);
  --section-alt-bg: linear-gradient(180deg, #0d1117 0%, #161b22 100%);
}

/* System dark preference when not forced to light */
@media (prefers-color-scheme: dark) {
  :root[data-theme="min"]:not([data-mode="light"]) {
    --bg: #0d1117;
    --bg-alt: #161b22;
    --bg-inset: #1f2732;
    --text: #e6edf3;
    --text-dim: #9ba4b0;
    --border: #2e3742;
    --accent: #1e90ff;
    --accent-accent: #63b3ff;
    --code-bg: #1b2430;

    --hero-bg: linear-gradient(135deg,#0d1117,#1b2330 55%,#0d1117);
    --section-alt-bg: linear-gradient(180deg, #0d1117 0%, #161b22 100%);
  }
}