/* =============================================================================
   LIGHT — Solarized cream base
   ============================================================================= */

:root,
[data-theme="light"] {

  /* BACKGROUNDS */
  --color-bg-base:      44 87% 94%;   /* #FDF6E3 — page canvas                    */
  --color-bg-surface-1: 44 55% 91%;   /* #EEE8D5 — header, tables, tag counts      */
  --color-bg-surface-2: 46 35% 84%;   /* post card, inline code, inputs             */
  --color-bg-surface-3: 46 25% 78%;   /* tag hover, active rows                     */

  /* BORDERS */
  --color-border-subtle:  46 20% 80%;
  --color-border-default: 46 25% 72%;

  /* TEXT */
  --color-text-primary:   192 20% 15%;  /* #073642                                  */
  --color-text-secondary: 192 70% 23%;
  --color-text-muted:     195 15% 40%;  /* #586E75                                  */

  /* ACCENT — Solarized yellow (#B58900) */
  --color-accent-subtle:  46 70% 92%;
  --color-accent-muted:   46 90% 42%;
  --color-accent:         46 100% 36%;
  --color-accent-bright:  46 100% 28%;

  /* SEMANTIC */
  --color-success:        68 100% 30%;
  --color-success-subtle: 68 40% 92%;
  --color-error:          1 65% 35%;
  --color-error-subtle:   1 50% 93%;
  --color-warning:        18 89% 40%;
  --color-warning-subtle: 18 60% 93%;

  --color-bg-code:        193 100% 11%; /* #002B36 — pre/code blocks                */
  --color-text-on-code:   44 87% 94%;
}


/* =============================================================================
   DARK — GitHub-dark base (#22272E family)
   ============================================================================= */

html:has(link#dark-theme:not([disabled])),
[data-theme="dark"] {

  /* BACKGROUNDS */
  --color-bg-base:      216 15% 16%;   /* #22272E                                  */
  --color-bg-surface-1: 216 14% 20%;   /* #2d333b                                  */
  --color-bg-surface-2: 216 11% 26%;
  --color-bg-surface-3: 216 9% 32%;

  /* BORDERS */
  --color-border-subtle:  216 10% 24%;
  --color-border-default: 216 12% 35%;

  /* TEXT */
  --color-text-primary:   0 0% 82%;
  --color-text-secondary: 0 0% 97%;
  --color-text-muted:     0 0% 72%;

  /* ACCENT */
  --color-accent-subtle:  46 40% 14%;
  --color-accent-muted:   46 60% 32%;
  --color-accent:         46 90% 50%;
  --color-accent-bright:  46 80% 68%;

  /* SEMANTIC */
  --color-success:        68 60% 50%;
  --color-success-subtle: 68 30% 12%;
  --color-error:          1 65% 58%;
  --color-error-subtle:   1 40% 12%;
  --color-warning:        18 70% 55%;
  --color-warning-subtle: 18 35% 12%;

  --color-bg-code:        216 13% 21%;
  --color-text-on-code:   0 0% 96%;
}