/* Design tokens — Schwarz-Digits-inspired palette.
   Change in one place; cascades through every component. */

:root {
    /* Surfaces */
    --bg:           #0A1628;
    --bg-elev:      #0F1E36;
    --bg-card:      rgba(255, 255, 255, 0.03);
    --bg-card-h:    rgba(255, 255, 255, 0.05);

    /* Brand accent */
    --accent:       #00B4DC;
    --accent-h:     #1FC9EE;
    --accent-faint: rgba(0, 180, 220, 0.12);

    /* Text */
    --text:         #E2E8F0;
    --text-muted:   #94A3B8;
    --text-dim:     #64748B;

    /* Borders */
    --border:       rgba(0, 180, 220, 0.12);
    --border-soft:  rgba(255, 255, 255, 0.06);

    /* Semantic */
    --success:      #22C55E;
    --warning:      #EAB308;
    --danger:       #EF4444;

    /* Sizing */
    --radius:       8px;
    --radius-lg:    12px;
    --radius-pill:  999px;

    /* Spacing */
    --gap-1:        4px;
    --gap-2:        8px;
    --gap-3:        12px;
    --gap-4:        16px;
    --gap-5:        20px;
    --gap-6:        24px;
    --gap-8:        32px;

    /* Type */
    --font: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --fz-xs:        11px;
    --fz-sm:        13px;
    --fz-base:      15px;
    --fz-md:        17px;
    --fz-lg:        20px;
    --fz-xl:        28px;
    --fz-2xl:       40px;
    --fz-display:   64px;

    /* Layout */
    --content-max:  720px;
}