/*
    Stemtop theme-tokens.

    Dit bestand is de enige plek met kleuren, fonts en vormtaal.
    Multitenancy: een tenant krijgt zijn eigen versie van (alleen) dit
    bestand; app.css en componenten verwijzen uitsluitend naar deze tokens.
*/
:root {
    /* Merk */
    --st-primary: #006bb7;
    --st-primary-rgb: 0, 107, 183;
    --st-primary-hover: #005a9b;
    --st-primary-active: #004d84;
    --st-primary-soft: #e8f2fa;
    --st-on-primary: #ffffff;

    /* Ondersteunende kleuren */
    --st-success: #1a7f4e;
    --st-success-soft: #e3f4eb;
    --st-danger: #c0392b;
    --st-danger-soft: #fbeae8;
    --st-warning: #b07d18;
    --st-warning-soft: #fdf4e0;

    /* Oppervlakken en tekst */
    --st-bg: #f4f6f9;
    --st-surface: #ffffff;
    --st-surface-muted: #f8f9fb;
    --st-border: #e3e7ee;
    --st-text: #1d2733;
    --st-text-muted: #64707e;

    /* Header */
    --st-header-bg: #ffffff;
    --st-header-border: #e3e7ee;

    /* Publieke stempagina (tenant-branding landt vooral hier) */
    --st-public-bg: linear-gradient(180deg, #eaf2f9 0%, #f4f6f9 40%);
    --st-public-accent: var(--st-primary);

    /* Typografie */
    --st-font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --st-heading-weight: 700;

    /* Vormtaal */
    --st-radius-sm: 0.375rem;
    --st-radius: 0.625rem;
    --st-radius-lg: 1rem;
    --st-shadow-sm: 0 1px 3px rgba(16, 30, 54, 0.06);
    --st-shadow: 0 4px 16px rgba(16, 30, 54, 0.08);
    --st-shadow-lg: 0 12px 32px rgba(16, 30, 54, 0.12);
    --st-focus-ring: 0 0 0 0.25rem rgba(var(--st-primary-rgb), 0.2);
}