:root {
    color-scheme: light;
    /* =====================================================================
       NUG.lt UI SYSTEM V1 — THE ONE PALETTE.

       Source: /var/www/nug-design/norimas-dizainas-v1/docs/DESIGN_TOKENS.md.
       Dark forest green for navigation and section headers, parchment for
       content, restrained bronze/gold for emphasis. These are the tokens the
       V1 components (`assets/css/nug-ui.css`) read.

       The older `--nug-forest` / `--nug-paper` / `--nug-gold` names below are
       KEPT and re-pointed onto this palette, so every route that has not been
       redesigned yet inherits the same greens and parchments instead of
       carrying a second, slightly different palette. One system, two
       generations of class names.
       ===================================================================== */
    --nug-green-950: #071d18;
    --nug-green-900: #0b2a22;
    --nug-green-800: #123b30;
    --nug-green-700: #1d5442;
    --nug-green-600: #2c6b55;
    --nug-parchment-50: #f7f1df;
    --nug-parchment-100: #eee3c8;
    --nug-parchment-200: #dfcfaa;
    --nug-parchment-300: #cfbd94;
    --nug-gold-500: #c39a45;
    --nug-gold-600: #a77d31;
    --nug-bronze-700: #725629;
    --nug-text: #27241c;
    --nug-text-muted: #6b6250; /* kit says #766d5b; darkened one step so muted text keeps AA (>= 4.5:1) on parchment-100 */
    --nug-border: #b7a274;
    --nug-hp: #b44135;
    --nug-mana: #2f70a7;
    --nug-radius-xs: 2px;
    --nug-radius-sm: 4px;
    --nug-radius-md: 6px;
    --nug-touch: 44px;
    --nug-shadow-1: 0 1px 2px rgba(7, 29, 24, .18);
    --nug-shadow-2: 0 5px 16px rgba(7, 29, 24, .18);
    --nug-heading-font: Georgia, "Times New Roman", serif;
    --nug-ui-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;

    /* Legacy semantic names — the SAME palette, written as literals because the
       contrast guards (`tests/pvp_presentation_v1_smoke.php`,
       `tests/pvp_button_state_contrast_smoke.php`) resolve tokens from this file
       and measure real colour pairs. Keep each value equal to the token named
       in its comment; `tests/ui_system_v1_smoke.php` checks that they agree. */
    --nug-bg: #071d18;         /* = --nug-green-950 */
    --nug-charcoal: #0b2a22;   /* = --nug-green-900 */
    --nug-forest: #123b30;     /* = --nug-green-800 */
    --nug-forest-2: #1d5442;   /* = --nug-green-700 */
    --nug-forest-3: #2c6b55;   /* = --nug-green-600 */
    --nug-bronze: #a77d31;     /* = --nug-gold-600 */
    --nug-gold: #c39a45;       /* = --nug-gold-500 */
    --nug-gold-soft: #ead8aa;
    --nug-paper: #f7f1df;      /* = --nug-parchment-50 */
    --nug-paper-2: #eee3c8;    /* = --nug-parchment-100 */
    --nug-paper-light: #fbf7ea;
    --nug-ink: #27241c;        /* = --nug-text */
    --nug-muted: #6b6250;      /* = --nug-text-muted */
    --nug-line: #8e7a55;
    --nug-line-soft: #b7a274;  /* = --nug-border */
    --nug-link: #24553e;
    --nug-success: #187247;
    --nug-warning: #a97d24;
    --nug-danger: #a83d32;
    --nug-info: #3a6ea5;
    --nug-focus: #e2ad4f;
    --nug-space-1: 4px;
    --nug-space-2: 7px;
    --nug-space-3: 10px;
    --nug-space-4: 14px;
    --nug-radius: 2px;
    --nug-content: 700px;
    /* THE SHARED GAME WIDTH, and the ONE place it is decided.
       `.game-shell` is `width: min(100%, var(--nug-shell))`, so every
       authenticated page — home, Offline treniruotė, Kova, inventorius, the
       shops — is exactly as wide as this token and no page overrides it.

       960px was a 2010 desktop measurement. On a 1280px screen it left ~300px
       of forest background on either side while the content inside was
       compressing three-column grids into two, so the game read as a narrow
       column on a wide monitor. 1200px is the usable width the composition was
       actually drawn for; the forest ground around it is preserved because the
       shell is still centred and still bounded — a 2560px monitor gets 1200px
       of game and the background, never a stretched line of text.

       Mobile is untouched: `min(100%, …)` means a 320px phone resolves this to
       320px exactly as before, and no rule in `style.css` sets a pixel width on
       a shell block (guarded by `tests/mobile_shell_density_smoke.php`). */
    --nug-shell: 1200px;
    /* The shared control floor. Raised 42 -> 44 px so the ONE token every
       phone-sized button, input and select is sized from matches the platform
       touch floor instead of sitting two pixels under it. The offline batch-size
       field was the control that exposed it: a `min-height: 44px` rule on the
       field itself LOSES to the mobile `input:not(...):not(...):not(...)` rule
       that reads this token, because that selector is more specific. Fixing the
       token fixes every control it sizes rather than one of them. */
    --nug-control-height: 44px;
}