/* daysence — color tokens
   Two worlds share the same three neutrals, differing only in the dark anchor:
   Brand (light, earthy-warm) vs Night Rest (dark, aubergine). */
:root {
  /* ---- base palette ---- */
  --color-white: #FAF7F2;       /* Naturweiß */
  --color-primary: #EDE8E0;     /* Leinen */
  --color-secondary-1: #C8BEB2; /* Sandstein — decorative / dividers, never text */
  --color-secondary-2: #7A6E64; /* Mokka — tags, labels, meta */
  --color-text: #2E2A26;        /* Tief Mokka — ~12:1 AA on white */
  --color-accent: #3D3530;      /* Espresso — buttons/links on light */

  /* ---- semantic status ---- */
  --color-error: #96502F;       /* Terrakotta, gedämpft */
  --color-success: #4F5E43;     /* Salbeigrün, gedeckt */

  /* ---- focus ring, per world ---- */
  --focus-ring-brand: #3D3530;  /* Espresso */
  --focus-ring-nr: #EDE8E0;     /* Leinen */

  --color-nr-anchor: #2E1E2E;   /* Aubergine Dark — Night Rest page anchor */
  --color-nr-deep: #3C2840;     /* Aubergine Mid */
  --color-nr-card: #4A3248;     /* Aubergine Hell — Night Rest cards */
  --color-nr-text: #FAF7F2;     /* ~13:1 AA on anchor */
  --color-nr-text-mid: #EDE8E0; /* ~10:1 AA on anchor */
  --color-nr-text-muted: #C8BEB2; /* ~6:1 AA on anchor */
  --color-accent-inverse: #EDE8E0; /* Leinen — button on dark */

  /* ---- semantic aliases (Brand world, default) ---- */
  --surface-page: var(--color-primary);
  --surface-card: var(--color-white);
  --surface-sunken: var(--color-secondary-1);
  --text-body-color: var(--color-text);
  --text-muted-color: var(--color-secondary-2);
  --border-color: var(--color-secondary-1);
  --accent: var(--color-accent);
  --accent-text: var(--color-white);

  --focus-ring: var(--focus-ring-brand);
  --text-error: var(--color-error);
  --text-success: var(--color-success);
}

/* ---- Night Rest theme scope: apply data-theme="night-rest" to any container ---- */
[data-theme="night-rest"] {
  --surface-page: var(--color-nr-anchor);
  --surface-card: var(--color-nr-card);
  --surface-sunken: var(--color-nr-deep);
  --text-body-color: var(--color-nr-text);
  --text-muted-color: var(--color-nr-text-muted);
  --border-color: var(--color-nr-deep);
  --accent: var(--color-accent-inverse);
  --accent-text: var(--color-nr-anchor);
  --focus-ring: var(--focus-ring-nr);
}