/* Namų tvarka – nauji žetonai (Organic pagrindu). Šviesi tema – :root, tamsi – [data-theme="dark"] ir prefers-color-scheme. */
:root {
  color-scheme: light;
  --color-bg-elevated: var(--color-surface);
  --color-bg-muted: var(--color-surface-2);
  --color-primary-text: var(--color-on-primary);
  --color-accent-text: var(--color-on-accent);
  --color-on-solid: #ffffff;
  --color-nav-border: var(--color-border);
  --color-nav-active: var(--color-primary);
  --color-shadow: rgba(46, 43, 37, 0.16);
  --color-overlay: rgba(32, 30, 29, 0.6);
  --color-pin-dot: var(--color-primary);
  --color-pin-empty: var(--color-text-muted);
  --color-primary-hover: #a25727;
  --color-accent-hover: #475334;
  --space-xs: 4px; --space-sm: 8px; --space-md: 16px; --space-lg: 24px; --space-xl: 32px; --space-2xl: 48px;
  --font-family: ui-rounded, Nunito, Segoe UI, system-ui, sans-serif;
  --font-size-xs: var(--fs-xs); --font-size-sm: var(--fs-sm); --font-size-md: var(--fs-md); --font-size-lg: var(--fs-lg); --font-size-xl: var(--fs-xl); --font-size-2xl: var(--fs-xxl);
  --font-weight-regular: 400; --font-weight-bold: 800; --font-weight-display: 900;
  --line-height: 1.4;
  --radius-full: var(--radius-pill); --shadow-soft: var(--shadow-md);
  --size: 44px; --progress: 0%;
  --nav-height: 66px; --touch-min: 44px; --motion-celebrate: 650ms;

  --color-bg: #f5ead8;
  --color-surface: #fbf6ee;
  --color-surface-2: #ebddc5;
  --color-text: #201e1d;
  --color-text-muted: #645c50;
  --color-border: rgba(32, 30, 29, 0.12);
  --color-primary: #b1622d;      /* pagrindinis veiksmas: „Atlikta“ */
  --color-on-primary: #ffffff;
  --color-accent: #56633f;       /* antras balsas: šalavijas */
  --color-on-accent: #ffffff;
  --color-success: #56633f;
  --color-success-soft: #e1eecc;
  --color-warning: #8a5a00;      /* vėlavimas – gintaras, ne raudona */
  --color-warning-soft: #f6e0b0;
  --color-chaos: #6e4f8a;        /* chaoso zona – violetinė */
  --color-chaos-soft: #e8ddf0;
  --color-danger: #a63a2a;       /* tik tikroms klaidoms */
  --color-danger-soft: #f8d9d2;
  --color-deck: #ebddc5;
  --color-mission: #fbf6ee;
  --color-nav: #2e2b25;
  --color-on-nav: #f5ead8;
  --color-points: #8c491a;       /* 🪙 taškai – išleidžiami */
  --color-points-soft: #ffe1d0;
  --color-xp: #56633f;           /* ⚡ XP – lygis, niekada nemažėja */
  --color-xp-soft: #e1eecc;
  --color-star: #c0b6a5;

  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px; --space-6: 24px; --space-8: 32px;
  --radius-sm: 8px; --radius-md: 16px; --radius-lg: 28px; --radius-pill: 999px;
  --font-body: "Nunito", "Segoe UI", "Trebuchet MS", sans-serif;
  --font-display: ui-rounded, Nunito, Segoe UI, system-ui, sans-serif; /* maketuose Caprasimo; kode – sistemos, weight 900 */
  --fs-xs: 12px; --fs-sm: 14px; --fs-md: 16px; --fs-lg: 20px; --fs-xl: 26px; --fs-xxl: 34px;
  --shadow-sm: 0 1px 2px rgba(46, 43, 37, 0.14);
  --shadow-md: 0 3px 10px rgba(46, 43, 37, 0.16);
  --shadow-lg: 0 12px 32px rgba(46, 43, 37, 0.22);
  --tap: 44px;
}
[data-theme="dark"] {
  color-scheme: dark;
  --color-bg-elevated: var(--color-surface);
  --color-bg-muted: var(--color-surface-2);
  --color-primary-text: var(--color-on-primary);
  --color-accent-text: var(--color-on-accent);
  --color-on-solid: #1a1720;
  --color-nav-border: var(--color-border);
  --color-nav-active: var(--color-primary);
  --color-shadow: rgba(0, 0, 0, 0.4);
  --color-overlay: rgba(0, 0, 0, 0.65);
  --color-pin-dot: var(--color-primary);
  --color-pin-empty: var(--color-text-muted);
  --color-primary-hover: #ffb582;
  --color-accent-hover: #c0d1a3;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --font-family: ui-rounded, Nunito, Segoe UI, system-ui, sans-serif;
  --font-size-xs: var(--fs-xs);
  --font-size-sm: var(--fs-sm);
  --font-size-md: var(--fs-md);
  --font-size-lg: var(--fs-lg);
  --font-size-xl: var(--fs-xl);
  --font-size-2xl: var(--fs-xxl);
  --font-weight-regular: 400;
  --font-weight-bold: 800;
  --font-weight-display: 900;
  --line-height: 1.4;
  --radius-full: var(--radius-pill);
  --shadow-soft: var(--shadow-md);
  --size: 44px; --progress: 0%;
  --nav-height: 66px;
  --touch-min: 44px;
  --motion-celebrate: 650ms;
  --color-bg: #1a1720;
  --color-surface: #26222c;
  --color-surface-2: #322d38;
  --color-text: #f5ead8;
  --color-text-muted: #c9bfb0;
  --color-border: rgba(245, 234, 216, 0.14);
  --color-primary: #f6a06b;
  --color-on-primary: #2b1608;
  --color-accent: #aebf92;
  --color-on-accent: #1a1720;
  --color-success: #b8cc98;
  --color-success-soft: #2e3826;
  --color-warning: #f0c060;
  --color-warning-soft: #43341a;
  --color-chaos: #c9a8e6;
  --color-chaos-soft: #352b42;
  --color-danger: #ff9480;
  --color-danger-soft: #4a2620;
  --color-deck: #2b2731;
  --color-mission: #26222c;
  --color-nav: #0e0c12;
  --color-on-nav: #f5ead8;
  --color-points: #ffc6a5;
  --color-points-soft: #4a2c1a;
  --color-xp: #b8cc98;
  --color-xp-soft: #2e3826;
  --color-star: rgba(245, 234, 216, 0.55);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 28px;
  --radius-pill: 999px;
  --font-body: "Nunito", "Segoe UI", "Trebuchet MS", sans-serif;
  --font-display: ui-rounded, Nunito, Segoe UI, system-ui, sans-serif;
  --fs-xs: 12px;
  --fs-sm: 14px;
  --fs-md: 16px;
  --fs-lg: 20px;
  --fs-xl: 26px;
  --fs-xxl: 34px;
  --shadow-sm: 0 0 0 1px rgba(245, 234, 216, 0.06);
  --shadow-md: 0 0 0 1px rgba(245, 234, 216, 0.08), 0 4px 14px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 0 0 1px rgba(245, 234, 216, 0.08), 0 12px 32px rgba(0, 0, 0, 0.5);
  --tap: 44px;
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}