/*
 * Design tokens — Geodis Calculator UI
 *
 * Single source of truth dla brand color aliases, border radius scale i spacing scale.
 * Linkowane PRZED app.css w index.html (zeby app.css mogl uzywac var(--radius-*) itd.).
 *
 * Brand colors duplikuja MudTheme palette dla uzycia w surowym CSS (poza komponentami
 * MudBlazor). Wartosci muszą byc zsynchronizowane z `Infrastructure/Theme/GeodisTheme.cs`
 * — gdy zmieniasz brand color w jednym miejscu, zaktualizuj drugie.
 */

:root {
    /* Brand color aliases (Geodis paleta — CONSTRAINT) */
    --geodis-blue: #3200E6;
    --geodis-dark-blue: #011956;
    --geodis-orange: #EB692B;
    --geodis-grey: #E9E5E2;

    /* Border radius scale */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;
    --radius-pill: 999px;

    /* Spacing scale (multiples of 4px) */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-7: 28px;
    --space-8: 32px;

    /* App-specific tokens (poza MudBlazor palette — np. stopka aplikacji,
       ktora nie ma dedykowanej roli w MudTheme). Aktywna wartosc dla light/dark
       jest mapowana przez `body { ... }` / `body.dark-theme { ... }` w app.css. */
    --app-footer-text-light: #292929;
    --app-footer-text-dark: #c4c4c4;

    /* Valuation info card background (ValuationDetailCard.razor) — zachowuje
       pre-DS-004 wartosci (#f0f8ff aliceblue w light, brand GREY w dark). */
    --valuation-info-bg-light: #f0f8ff;
    --valuation-info-bg-dark: #E9E5E2;
}