/* ==========================================================================
   poste.cc · COLORS
   --------------------------------------------------------------------------
   The brand revolves around two ideas:
   1. POSTAL YELLOW — the signature accent of the Slovenian post. Used for
      the brand mark, key CTAs, map pins, active states and highlights.
      Because yellow needs dark text, links/icons that must read on light
      surfaces use a deeper gold ink (--brand-ink).
   2. THE STATUS SYSTEM — odprto / zapira se / zaprto / praznik. This is the
      soul of a post-office directory: it tells you the one thing you came
      for. Treat the status colors as sacred — they never change with the
      brand palette, because they carry meaning.

   Light = warm paper (envelope) neutrals. Dark = deep warm charcoal.
   Both themes alias the same semantic tokens so components never hardcode.
   ========================================================================== */

:root{
    /* ---- Brand: POSTAL YELLOW --------------------------------------------- */
    --yellow-50:#FFF9E3;
    --yellow-100:#FFF0B8;
    --yellow-200:#FFE480;
    --yellow-300:#FFD633;
    --yellow-400:#F9C500; /* primary postal yellow */
    --yellow-500:#E8B400;
    --yellow-600:#C79600;
    --yellow-700:#9C7400;
    --yellow-800:#785900;
    --yellow-900:#574000;
    --yellow-950:#312400;

    /* ---- The STATUS SYSTEM (open → closed) — the soul --------------------- */
    --status-open:#1F9D57; /* odprto                       */
    --status-soon:#D98A1F; /* zapira se kmalu (≤30 min)     */
    --status-closed:#6B7280; /* zaprto (calm slate, not alarm)*/
    --status-holiday:#7A5AF0; /* zaprto zaradi praznika        */
    --status-perm:#D2402F; /* trajno zaprto / opozorilo     */

    /* Brand gradient used on the location / detail hero (postal notice) */
    --grad-brand:linear-gradient(135deg, #FFE27A 0%, #F9C500 52%, #E0A800 100%);
    --grad-status:linear-gradient(90deg, var(--status-open), var(--status-soon), var(--status-closed));

    /* ---- Semantic feedback ------------------------------------------------ */
    --success:#1F9D57;
    --warning:#D98A1F;
    --danger:#D2402F;
    --info:#1A73C7;

    /* ====================================================================
       LIGHT THEME (default) — warm paper / envelope
       ==================================================================== */
    --bg:#F5F1E8; /* page — kraft paper */
    --surface:#FFFFFF; /* cards */
    --surface-2:#FAF6EC; /* subtle inset / striped rows */
    --surface-3:#EFE8D8; /* hover wells */
    --line:#E6DDC9; /* hairline borders */
    --line-strong:#D4C8AD;

    --text:#221D12; /* warm ink */
    --text-2:#574E3C; /* secondary */
    --text-muted:#8C8369; /* captions, units */
    --text-invert:#FFFFFF;

    --brand:var(--yellow-400);
    --brand-ink:#8A6900; /* links / icon accents on light */
    --brand-hover:var(--yellow-500);
    --brand-press:var(--yellow-600);
    --brand-weak:var(--yellow-50);
    --brand-weak-2:var(--yellow-100);
    --on-brand:#241C00; /* dark text on yellow */
    --focus-ring:color-mix(in oklch, var(--yellow-600) 50%, transparent);

    /* Shadows — soft, warm, low spread (paper drop) */
    --shadow-xs:0 1px 2px rgba(60, 45, 12, 0.06);
    --shadow-sm:0 1px 3px rgba(60, 45, 12, 0.09), 0 1px 2px rgba(60, 45, 12, 0.05);
    --shadow-md:0 6px 18px rgba(55, 42, 12, 0.10), 0 2px 6px rgba(55, 42, 12, 0.06);
    --shadow-lg:0 18px 40px rgba(50, 38, 10, 0.16), 0 6px 14px rgba(50, 38, 10, 0.08);
    --shadow-brand:0 8px 22px rgba(201, 150, 0, 0.32);
}

/* ====================================================================
   DARK THEME — deep warm charcoal. Bootstrap 5.3 native color mode.
   ==================================================================== */
[data-bs-theme="dark"]{
    --bg:#15130D;
    --surface:#1F1C14;
    --surface-2:#26221A;
    --surface-3:#312C21;
    --line:#393327;
    --line-strong:#4C4636;

    --text:#F4EFE1;
    --text-2:#CDC5B1;
    --text-muted:#9A917D;
    --text-invert:#221D12;

    --brand:var(--yellow-300);
    --brand-ink:var(--yellow-300); /* bright yellow links read on dark */
    --brand-hover:var(--yellow-200);
    --brand-press:var(--yellow-100);
    --brand-weak:rgba(249, 197, 0, 0.15);
    --brand-weak-2:rgba(249, 197, 0, 0.26);
    --on-brand:#241C00;
    --focus-ring:color-mix(in oklch, var(--yellow-300) 55%, transparent);

    --grad-brand:linear-gradient(135deg, #FFE27A 0%, #F9C500 52%, #E0A800 100%);

    --shadow-xs:0 1px 2px rgba(0, 0, 0, 0.4);
    --shadow-sm:0 1px 3px rgba(0, 0, 0, 0.45), 0 1px 2px rgba(0, 0, 0, 0.3);
    --shadow-md:0 8px 22px rgba(0, 0, 0, 0.5);
    --shadow-lg:0 22px 48px rgba(0, 0, 0, 0.6);
    --shadow-brand:0 8px 22px rgba(180, 135, 0, 0.4);
}