/* Прва визуелна фаза: браон, драп и крем из одобреног приручника.
   Семантички називи су једино место за промену теме. PT Serif остаје локални web font. */
:root{
 --font-family-body:'PT Serif',Georgia,serif;
 --background:#faf6ee;--surface:#fffdf8;--surface-alt:#f2e9db;
 --primary-brown:#704524;--secondary-brown:#563b2b;
 --beige:#e6d6bf;--cream:#fff8e9;--orange-accent:#ad531c;
 --text:#38291f;--muted-text:#695645;--border:#d0bca3;
 --hover:#f0e1cd;--focus:#934414;--active:#ead4b5;
 --correct:#52613a;--correct-soft:#f0f1e4;
 --partial:#82531f;--partial-soft:#fff0d4;
 --retry:#8c4c36;--retry-soft:#f8e9df;
 --help:#755334;--help-soft:#f5eddf;--warning:#82531f;
 --progress:#805433;--control-border:#9b8063;
 --color-page:var(--background);--color-surface:var(--surface);--color-surface-soft:var(--surface-alt);
 --color-text:var(--text);--color-muted:var(--muted-text);--color-border:var(--border);
 --color-action:var(--primary-brown);--color-action-hover:var(--secondary-brown);--color-on-action:#fffdf8;
 --color-secondary:var(--secondary-brown);--color-accent:var(--orange-accent);--color-warm-soft:var(--cream);
 --color-sidebar:#eee3d3;--color-selected:var(--active);--color-structure:#aa8863;
 --color-success:var(--correct);--color-success-soft:var(--correct-soft);
 --color-error:var(--retry);--color-error-soft:var(--retry-soft);
 --color-help:var(--help);--color-help-soft:var(--help-soft);--color-warning:var(--warning);
 --color-partial:var(--partial);--color-partial-soft:var(--partial-soft);--color-overlay:#563b2b14;
 --color-focus:var(--focus);--color-active:var(--active);--color-hover:var(--hover);
 --color-progress:var(--progress);--color-control-border:var(--control-border);
 --mode-learn:var(--primary-brown);--mode-practice:var(--primary-brown);--mode-check:var(--secondary-brown);
 --mode-challenge:#845021;--mode-ai:var(--secondary-brown);--mode-progress:var(--progress);
 --radius-sm:8px;--radius:16px;--radius-lg:24px;
 --shadow-sm:0 3px 12px #563b2b09;--shadow-card:0 10px 28px #563b2b10;
 --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;
 --type-small:.875rem;--type-body:1rem;--type-title:clamp(1.5rem,2.5vw,2rem);
 --duration:160ms;
}