/*
 * ParkIT teema — kolmas valik light/dark kõrval.
 *
 * SUUND: HELE taust + parkit sinine AINULT aktsentides (logo, nupud,
 * lingid, aktiivne navigatsioon, tabeli päis). Mitte täisekraani sinine —
 * see oli esimese versiooni viga, vt docs/decisions.md O-31.
 *
 * Eeskuju: vana admin-/kliendiala (Screenshot 2026-08-10 125147.png).
 * Sealt pipetiga võetud värvid:
 *   lehe taust   #dfe2e9      kaart        #ffffff
 *   tabeli päis  #a8b5cd      nupp         #337ab7
 *   logo         #296cee      roheline     #00d282
 * Avaliku Trahvikontroll lehe sinine (#2068ba) on primaarvärvi alus —
 * sellelt lehelt on võetud AINULT värvitoon, mitte taustastiil.
 *
 * KUIDAS SEE TÖÖTAB
 * Filament ei kasuta kõvakodeeritud värve: pinnad tulevad `var(--gray-*)`-ist
 * ja aktsendid `var(--primary-*)`-ist, nt
 *   .fi-body { background-color: var(--gray-50) }
 *   .fi-section:not(...) { background-color: var(--color-white) }
 * Seega piisab kahe rambi ülekirjutamisest — valged kaardid heledal
 * sinakashallil taustal tulevad välja iseenesest, nagu referentsil.
 *
 * ParkIT sõidab HELEDA režiimi peal: `.dark` klassi peale ei panda.
 *
 * NB (O-15): projektis ei ole Vite/Tailwind build'i — ainult puhas CSS.
 * NB (O-29): iga siin sihitud `fi-*` klass peab renderdatud paneelis
 * päriselt olemas olema; seda kontrollib ParkitThemeTest.
 */

html.fi-theme-parkit {
    /* ----------------------------------------------------------------------
     * Primaarvärv — parkit sinine (#2068ba).
     * Genereeritud Filamenti enda generaatoriga, et ramp käituks täpselt
     * nagu sisseehitatud värvid:
     *   Filament\Support\Colors\Color::hex('#2068ba')
     * -------------------------------------------------------------------- */
    --primary-50: oklch(0.97717647058824 0.01395454545455 254.779);
    --primary-100: oklch(0.95035294117647 0.03272727272727 254.779);
    --primary-200: oklch(0.90547058823529 0.06318181818182 254.779);
    --primary-300: oklch(0.84047058823529 0.10604545454546 254.779);
    --primary-400: oklch(0.75352941176471 0.15027272727273 254.779);
    --primary-500: oklch(0.68270588235294 0.17009090909091 254.779);
    --primary-600: oklch(0.59782352941176 0.16913636363636 254.779);
    --primary-700: oklch(0.51494117647059 0.14940909090909 254.779);
    --primary-800: oklch(0.44611764705882 0.12331818181818 254.779);
    --primary-900: oklch(0.39458823529412 0.09963636363636 254.779);
    --primary-950: oklch(0.27788235294118 0.07136363636364 254.779);

    /* ----------------------------------------------------------------------
     * Neutraalid — jahedad, kerge sinise varjundiga.
     *
     * `--gray-50` on lehe taust ja see on tahtlikult tavalisest heledast
     * režiimist tumedam (#dfe2e9 = oklch 0.913), et valged kaardid
     * eristuksid — täpselt nagu referentsil. Ülejäänud astmed on
     * Tailwindi `slate` heledustel, hue 258.
     *
     * Neid EI SAA genereerida `Color::hex()`-iga: see võtab seemnest ainult
     * värvitooni ja kasutab fikseeritud chroma't (0.17 astmel 500), mis
     * annaks kirkassinised "hallid".
     * -------------------------------------------------------------------- */
    --gray-50: oklch(0.913 0.010 262);
    --gray-100: oklch(0.949 0.012 262);
    --gray-200: oklch(0.906 0.016 262);
    --gray-300: oklch(0.853 0.021 262);
    --gray-400: oklch(0.771 0.037 262);
    --gray-500: oklch(0.606 0.038 262);
    --gray-600: oklch(0.494 0.039 262);
    --gray-700: oklch(0.404 0.038 262);
    --gray-800: oklch(0.315 0.035 262);
    --gray-900: oklch(0.258 0.032 262);
    --gray-950: oklch(0.185 0.028 262);
}

/* --------------------------------------------------------------------------
 * Külgriba ja topbar jäävad valgeks — sinine on aktsent, mitte pind.
 * `.fi-topbar` ON ise <nav> (kontrollitud renderdatud HTML-ist).
 * -------------------------------------------------------------------------- */
html.fi-theme-parkit .fi-sidebar,
html.fi-theme-parkit .fi-sidebar-header,
html.fi-theme-parkit .fi-topbar {
    background-color: #ffffff;
}

/* Õhuke brändijoon topbari alla — piisab, et paneel oleks äratuntav. */
html.fi-theme-parkit .fi-topbar {
    box-shadow: inset 0 -2px 0 #2068ba;
}

/* --------------------------------------------------------------------------
 * Aktiivne navigatsioonielement — sinine täidis ja vasak riba.
 * Filamenti vaikeväärtus on `var(--gray-100)`, mis heledal taustal
 * peaaegu ei paista.
 *
 * Päris märgistus on `.fi-sidebar-item.fi-active > .fi-sidebar-item-btn`
 * (MITTE `-button`, `aria-current` puudub) — kontrollitud HTML-ist.
 * -------------------------------------------------------------------------- */
html.fi-theme-parkit .fi-sidebar-item.fi-active > .fi-sidebar-item-btn {
    background-color: rgba(32, 104, 186, 0.12);
    box-shadow: inset 3px 0 0 #2068ba;
    color: #1b5698;
}

html.fi-theme-parkit .fi-sidebar-item.fi-active > .fi-sidebar-item-btn .fi-sidebar-item-icon {
    color: #2068ba;
}

/* --------------------------------------------------------------------------
 * Globaalne otsingukast topbaris.
 *
 * Topbar on siin valge ja Filamenti sisendi taust on peaaegu läbipaistev
 * (`color-mix(... var(--color-white) 1% ...)`), mistõttu kast sulaks valge
 * ribaga kokku. Anname sellele oma täidise ja nähtava äärise.
 * -------------------------------------------------------------------------- */
html.fi-theme-parkit .fi-global-search-field .fi-input-wrp {
    background-color: #f4f6fa;
    box-shadow: inset 0 0 0 1px rgba(32, 104, 186, 0.25);
}

html.fi-theme-parkit .fi-global-search-field .fi-input-wrp:focus-within {
    background-color: #ffffff;
    box-shadow: inset 0 0 0 2px #2068ba;
}

html.fi-theme-parkit .fi-global-search-field .fi-input-wrp-prefix {
    color: #2068ba;
}

/* --------------------------------------------------------------------------
 * Tabeli päiserida — referentsil sinakashall riba (#a8b5cd).
 * Siin pehmem toon, et tekst jääks tumedaks ja loetavaks (kontrast 8,4:1
 * `--gray-700` vastu; #a8b5cd valge tekstiga oleks olnud 2,1:1).
 * -------------------------------------------------------------------------- */
html.fi-theme-parkit .fi-ta-header-cell {
    background-color: #e3e8f0;
}

/* --------------------------------------------------------------------------
 * Logo külgriba päises. SVG on üherealine #296CEE — hoiame originaalvärvi,
 * kõrgus tuleb paneeli seadistusest (`brandLogoHeight`).
 * -------------------------------------------------------------------------- */
html.fi-theme-parkit .fi-sidebar-header {
    box-shadow: inset 0 -1px 0 rgba(32, 104, 186, 0.15);
}

/* --------------------------------------------------------------------------
 * Teemavahetuse nupp — brändivärvi täpp, et valik oleks menüüs äratuntav
 * ka ilma teksti lugemata. Globaalne (ei sõltu aktiivsest teemast), sest
 * nuppu peab nägema ka siis, kui ParkIT EI ole valitud.
 * -------------------------------------------------------------------------- */
.parkit-theme-swatch {
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 9999px;
    background-image: linear-gradient(135deg, #2068ba 0%, #296cee 100%);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
}