/*
 * FW Schrietz — Shared Design Tokens
 * Einbinden VOR allen anderen Stylesheets:
 *   <link rel="stylesheet" href="css/variables.css">
 */

:root {
    /* ── Brand ── */
    --red:          #ff2d3a;
    --red-mid:      #cc1f2a;
    --red-dim:      rgba(255, 45, 58, 0.14);
    --red-glow:     rgba(255, 45, 58, 0.55);

    /* ── Accent ── */
    --blue:         #3b82f6;
    --blue-glow:    rgba(59, 130, 246, 0.5);
    --green:        #2ecc71;
    --yellow:       #f1c40f;

    /* ── Background layers ── */
    --bg:           #0c0c0e;
    --surface:      #131316;
    --surface2:     #1a1a1f;
    --surface3:     #202028;

    /* ── Borders ── */
    --border:       rgba(255, 255, 255, 0.07);
    --border-red:   rgba(255, 45, 58, 0.22);

    /* ── Typography ── */
    --text:         #f0f0f5;
    --text-mid:     rgba(240, 240, 245, 0.70);
    --text-dim:     rgba(240, 240, 245, 0.45);

    /* ── Shape ── */
    --radius-sm:    10px;
    --radius:       16px;
    --radius-lg:    22px;

    /* ── Layout ── */
    --nav-h:        64px;
}