/**
 * Design tokens — sdíleno mezi frontendem (Bootstrap 5) a v budoucnu adminem.
 * Pouze CSS proměnné. Žádné selektory.
 */

:root {
    /* Brand */
    --brand: #cc231a;
    --brand-dark: #a51b14;
    --brand-light: #fdecea;

    /* Neutral */
    --ink: #1a1f2e;
    --ink-muted: #5b6478;
    --ink-soft: #9aa3b8;
    --line: #e6e9ef;
    --line-soft: #eef0f5;
    --bg: #f4f6fa;
    --card: #ffffff;

    /* Semantic */
    --success: #0f766e;
    --success-bg: #e6f4ea;
    --warn: #b45309;
    --warn-bg: #fff7e6;
    --warn-border: #f5c97a;
    --danger: #cc231a;
    --danger-bg: #fdecea;
    --info: #1d4ed8;
    --info-bg: #eaf2fb;

    /* Program palette (sdílené i v adminu) */
    --prog-culture-bg: #fdecea;    --prog-culture: #cc231a;
    --prog-sport-bg: #e6f4ea;      --prog-sport: #0f766e;
    --prog-venue-bg: #eaf2fb;      --prog-venue: #1d4ed8;
    --prog-edu-bg: #fff4e0;        --prog-edu: #b45309;
    --prog-env-bg: #e7f6ec;        --prog-env: #15803d;
    --prog-social-bg: #fde8ef;     --prog-social: #be185d;
    --prog-city-bg: #ede9fe;       --prog-city: #6d28d9;
    --prog-heritage-bg: #fef3c7;   --prog-heritage: #92400e;
    --prog-mobility-bg: #e0f2fe;   --prog-mobility: #0369a1;
    --prog-individual-bg: #f1f5f9; --prog-individual: #475569;

    /* Shape & motion */
    --radius: 14px;
    --radius-sm: 8px;
    --radius-xs: 6px;
    --shadow-sm: 0 1px 2px rgba(16,24,40,.04), 0 1px 3px rgba(16,24,40,.06);
    --shadow-md: 0 4px 10px rgba(16,24,40,.06), 0 8px 24px rgba(16,24,40,.08);

    /* Layout */
    --topbar-h: 72px;

    /* Bootstrap 5 overrides */
    --bs-primary: var(--brand);
    --bs-primary-rgb: 204, 35, 26;
    --bs-link-color: var(--brand);
    --bs-link-hover-color: var(--brand-dark);
    --bs-body-color: var(--ink);
    --bs-body-bg: var(--bg);
    --bs-body-font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --bs-border-color: var(--line);
}