/* ── RinLite design tokens (cozy pastel) ─────────────────────────────
   Used by the login/account pages in /public. The game client mirrors
   these colours as shadcn CSS variables in client/src/index.css.
   ──────────────────────────────────────────────────────────────────── */

/* Daglicht (default) */
:root {
  --color-text:             #3e3550;
  --color-text-muted:       #6a6180;
  --color-bg:               #fff8ec;
  --color-bg-accent:        #efe8fb;
  --color-surface:          #fffdf8;
  --color-border:           #efe2cc;
  --color-primary:          #a8c69f;
  --color-primary-hover:    #98bb8e;
  --color-on-primary:       #22361f;
  --color-primary-20:       rgba(168, 198, 159, 0.25);
  --color-secondary:        #ffd3ba;
  --color-secondary-20:     rgba(255, 211, 186, 0.35);
  --color-accent:           #6d5bb5;
  --color-accent-20:        rgba(217, 208, 245, 0.6);
  --color-muted-20:         rgba(106, 97, 128, 0.12);
  --color-overlay:          rgba(62, 53, 80, 0.4);
  --color-hover:            rgba(62, 53, 80, 0.05);
  --color-active:           #fff8ec;
  --color-error:            #a3412f;
  --color-error-bg:         #fde4dc;
  --color-success:          #35602f;

  --font-ui:   'Nunito', ui-rounded, 'SF Pro Rounded', system-ui, sans-serif;
  --font-code: ui-monospace, 'Cascadia Code', monospace;

  --radius:    24px;
  --radius-sm: 14px;
  --shadow:    0 12px 40px -16px rgba(62, 53, 80, 0.28);
}

/* Avondmodus (browser preference) */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-text:           #f3eefc;
    --color-text-muted:     #c3b9d9;
    --color-bg:             #231e33;
    --color-bg-accent:      #2e2745;
    --color-surface:        #2f2944;
    --color-border:         #463d62;
    --color-primary:        #a8c69f;
    --color-primary-hover:  #b7d2ae;
    --color-on-primary:     #1d2e1a;
    --color-accent:         #cfc3f5;
    --color-accent-20:      rgba(207, 195, 245, 0.15);
    --color-hover:          rgba(255, 255, 255, 0.06);
    --color-error:          #ffb4a3;
    --color-error-bg:       rgba(255, 180, 163, 0.12);
    --color-success:        #bfe0b5;
    --shadow:               0 12px 40px -16px rgba(0, 0, 0, 0.6);
  }
}