/*
 * Default theme: clean green, follows the computer's light/dark setting.
 *
 * Make your own theme: copy this file (e.g. to themes/ocean.css), change the
 * values, then set "theme": "ocean" in config.json and refresh the page.
 */

:root {
  --color-scheme: light dark;

  --color-bg: #f6f7f4;
  --color-surface: #ffffff7a;
  --color-text: #1b211e;
  --color-muted: #5b6760;
  --color-border: #dce2dd;
  --color-accent: #0f5339;          /* links, buttons, highlights */
  --color-accent-strong: #043823;   /* hover state */
  --color-accent-soft: #e2f0e8;     /* tag and focus backgrounds */
  --color-accent-contrast: #ffffff; /* text on accent */
  --color-header-bg: #ffffff;

  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-display: Georgia, "Iowan Old Style", "Palatino Linotype", "Book Antiqua", serif;
  --font-size-base: 17px;
  --line-height: 1.6;

  --radius: 12px;
  --radius-small: 7px;
  --max-width: 980px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-bg: #121614;
    --color-surface: #1a201d;
    --color-text: #e6ebe8;
    --color-muted: #9aa69f;
    --color-border: #2c3531;
    --color-accent: #4cc293;
    --color-accent-strong: #79d7b0;
    --color-accent-soft: #1d3a2e;
    --color-accent-contrast: #0b1a13;
    --color-header-bg: #161b18;
    --shadow: none;
  }
}