/* Designtokens. Lys modus er standard; mørk overstyrer kun fargene. */

:root {
  --bg:        #f7f7fa;
  --surface:   #ffffff;
  --surface-2: #eeeef4;
  --text:      #16161d;
  --text-dim:  #5c5c6b;
  --border:    #dedee8;
  --accent:    #4b3ddb;
  --accent-text: #ffffff;
  --danger:    #b3261e;
  --ok:        #1f6b3a;

  --radius:    14px;
  --radius-sm: 9px;

  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;

  --tap: 44px;              /* minste trykkflate */
  --appbar-h: 56px;
  --tabs-h: 58px;

  --font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;

  --shadow: 0 1px 2px rgb(0 0 0 / 0.06), 0 4px 12px rgb(0 0 0 / 0.06);

  color-scheme: light dark;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg:        #12121a;
    --surface:   #1b1b25;
    --surface-2: #262633;
    --text:      #f2f2f7;
    --text-dim:  #a1a1b2;
    --border:    #30303f;
    --accent:    #9b8cff;
    --accent-text: #16161d;
    --danger:    #ff8a80;
    --ok:        #7ddc9e;
    --shadow: 0 1px 2px rgb(0 0 0 / 0.4), 0 4px 12px rgb(0 0 0 / 0.3);
  }
}