/* ---------------------------------------------------------------------------
   Paleta značky BorrowMe - jediné miesto, kde sú jej farby zapísané
   (docs/architecture.md, bod 6). Načítava sa globálne v App.razor, pred app.css.

   Čerpajú z nej tri povrchy:
   - marketing.css  marketingová stránka a auth stránky (celý tmavý systém)
   - app.css        horná lišta adminu (.app-nav) a hlavné tlačidlo (.btn-primary)

   Súbor obsahuje LEN premenné, žiadne pravidlá - na rozdiel od marketing.css
   preto môže byť načítaný všade bez toho, aby čokoľvek prefarbil. Prefix --mk-
   ostal z čias, keď paleta žila v marketing.css; premenovanie by znamenalo
   prepísať každé jej použitie bez akejkoľvek zmeny správania.
   --------------------------------------------------------------------------- */

:root {
    --mk-bg: #080B14;
    --mk-bg-2: #0D1220;
    --mk-surface: #121829;
    --mk-surface-2: #131A2B;
    --mk-surface-3: #1A2338;
    --mk-line: #1B2439;
    --mk-border: #222D45;
    --mk-border-2: #2C3A58;
    --mk-text: #F2F5FB;
    --mk-text-2: #C9D3E5;
    --mk-muted: #94A3BE;
    --mk-muted-2: #7E8CA8;
    --mk-faint: #6B7896;
    --mk-blue: #4C8DFF;
    --mk-teal: #2DD4BF;
    --mk-danger: #F87171;
    --mk-danger-bg: rgba(248, 113, 113, 0.10);
    --mk-danger-border: rgba(248, 113, 113, 0.30);
    /* Tmavý text na gradiente modrá -> tyrkysová: biely by mal na modrom konci kontrast len
       3.2:1, tento má 6.1:1 až 10.4:1 po celej dĺžke prechodu. */
    --mk-on-accent: #06121A;
    --mk-accent-gradient: linear-gradient(135deg, var(--mk-blue), var(--mk-teal));
}