/* Designtokens: roligt lyst udtryk med én grøn accent; mørkt tema følger systemet (kan overstyres på /konto). */
:root {
  --bg: #f5f6f2;
  --surface: #ffffff;
  --surface-2: #eef1ea;
  --text: #1c231e;
  --muted: #627068;
  --border: #dfe4db;
  --accent: #3f7d4e;
  --accent-strong: #2f6340;
  --accent-contrast: #ffffff;
  --accent-soft: #e2efe5;
  --danger: #b3402e;
  --danger-soft: #fbe9e5;
  --warn: #8a5a00;
  --warn-soft: #fff0cf;
  --shadow: 0 1px 2px rgba(20, 30, 22, .06), 0 6px 18px rgba(20, 30, 22, .07);
  --shadow-lg: 0 10px 34px rgba(20, 30, 22, .22);
  --radius: 16px;
  --radius-sm: 11px;
  --tap: 48px;
  --nav-h: 60px;
  --font: system-ui, -apple-system, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #111612; --surface: #1b211d; --surface-2: #232a25; --text: #eaf0eb; --muted: #9aa8a0;
    --border: #2d362f; --accent: #6dbb83; --accent-strong: #8ad09e; --accent-contrast: #0c1a10;
    --accent-soft: #1f3326; --danger: #ef8a78; --danger-soft: #3a211c; --warn: #f0c36a; --warn-soft: #3a2f13;
    --shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 6px 18px rgba(0, 0, 0, .3); --shadow-lg: 0 10px 34px rgba(0, 0, 0, .6);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #111612; --surface: #1b211d; --surface-2: #232a25; --text: #eaf0eb; --muted: #9aa8a0;
  --border: #2d362f; --accent: #6dbb83; --accent-strong: #8ad09e; --accent-contrast: #0c1a10;
  --accent-soft: #1f3326; --danger: #ef8a78; --danger-soft: #3a211c; --warn: #f0c36a; --warn-soft: #3a2f13;
  --shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 6px 18px rgba(0, 0, 0, .3); --shadow-lg: 0 10px 34px rgba(0, 0, 0, .6);
  color-scheme: dark;
}