/* ==========================================================================
   OneMove Atlas — colour & design tokens
   --------------------------------------------------------------------------
   Every colour used by the theme is defined here. Change a value in this file
   and it propagates through the whole atlas. The Foxiz base stylesheet
   (main.css) reads --g-color, --body-fcolor, --solid-white … so the tokens
   below are wired into those names at the bottom of each block.
   ========================================================================== */

:root {
    /* ---------------------------------------------------------- brand colours */
    --omv-primary: #e8112d;          /* main accent: links, active states, buttons */
    --omv-primary-dark: #b60d23;
    --omv-primary-soft: rgba(232, 17, 45, 0.10);

    --omv-secondary: #0b7a4b;        /* secondary accent: badges, map fills */
    --omv-secondary-soft: rgba(11, 122, 75, 0.12);

    --omv-tertiary: #f5a623;         /* highlights, capital markers */
    --omv-tertiary-soft: rgba(245, 166, 35, 0.16);

    --omv-info: #1d6fb8;
    --omv-success: #1e9e5a;
    --omv-warning: #d98a00;
    --omv-danger: #d33b3b;

    /* ------------------------------------------------------------- neutrals */
    --omv-ink: #16181d;              /* headings */
    --omv-body: #33383f;             /* body copy */
    --omv-muted: #6d7581;            /* meta, captions */
    --omv-line: #e4e7ec;             /* borders, dividers */
    --omv-surface: #ffffff;          /* cards */
    --omv-surface-alt: #f5f6f8;      /* page sections */
    --omv-canvas: #ffffff;           /* page background */
    --omv-topbar: #16181d;           /* thin bar above the header */
    --omv-topbar-ink: #f3f4f6;
    --omv-header: #ffffff;

    /* ------------------------------------------------------------- map colours */
    --omv-map-land: #dfe4ea;
    --omv-map-land-line: #c3cad4;
    --omv-map-highlight: var(--omv-primary);
    --omv-map-water: #eef3f8;
    --omv-map-city: var(--omv-ink);
    --omv-map-capital: var(--omv-tertiary);

    /* ---------------------------------------------------------------- shape */
    --omv-radius-sm: 4px;
    --omv-radius: 8px;
    --omv-radius-lg: 14px;
    --omv-shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 8px 24px rgba(16, 24, 40, .06);
    --omv-shadow-lg: 0 12px 40px rgba(16, 24, 40, .12);
    --omv-gap: 24px;
    --omv-container: 1280px;

    /* ------------------------------------------------------------ typography */
    --omv-font-body: "Oxygen", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --omv-font-head: "Encode Sans Condensed", "Oxygen", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

    /* --------------------------------------------- wiring into the Foxiz base */
    --g-color: var(--omv-primary);
    --g-color-90: var(--omv-primary);
    --body-fcolor: var(--omv-body);
    --heading-color: var(--omv-ink);
    --excerpt-color: var(--omv-muted);
    --solid-white: var(--omv-canvas);
    --solid-light: var(--omv-surface-alt);
    --dark-accent: var(--omv-topbar);
    --nav-bg: var(--omv-header);
    --nav-color: var(--omv-ink);
    --flex-gray-15: var(--omv-line);
    --body-family: var(--omv-font-body);
    --h1-family: var(--omv-font-head);
    --h2-family: var(--omv-font-head);
    --h3-family: var(--omv-font-head);
    --h4-family: var(--omv-font-head);
    --h5-family: var(--omv-font-head);
    --h6-family: var(--omv-font-head);
    --btn-family: var(--omv-font-head);
    --menu-family: var(--omv-font-head);
    --meta-family: var(--omv-font-head);
    --rb-width: var(--omv-container);
}

/* ==========================================================================
   Dark scheme — Foxiz toggles body[data-theme="dark"]
   ========================================================================== */

body[data-theme="dark"] {
    --omv-primary: #ff2e50;
    --omv-primary-dark: #e01c3c;
    --omv-primary-soft: rgba(255, 46, 80, 0.16);
    --omv-secondary: #2bb47a;
    --omv-secondary-soft: rgba(43, 180, 122, 0.16);
    --omv-tertiary: #ffb838;

    --omv-ink: #f4f6f8;
    --omv-body: #c9ced6;
    --omv-muted: #8f97a3;
    --omv-line: #262a31;
    --omv-surface: #191c20;
    --omv-surface-alt: #14171a;
    --omv-canvas: #0e0f12;
    --omv-topbar: #0a0b0d;
    --omv-topbar-ink: #e7e9ec;
    --omv-header: #14171a;

    --omv-map-land: #2a2f37;
    --omv-map-land-line: #3a414b;
    --omv-map-water: #101317;
    --omv-map-city: #f4f6f8;

    --omv-shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .35);
    --omv-shadow-lg: 0 12px 40px rgba(0, 0, 0, .5);
}