:root {
/* Surfaces */
            --bg: #0a0708;
            --bg-soft: #0c0909;
            --surface: #121010;
            --surface-2: #171312;
            --surface-3: #1c1716;
            --line: rgba(244,63,94,0.14);
            --line-strong: rgba(244,63,94,0.30);

            /* Brand */
            --violet: #ff3d9a;
            --violet-2: #f43f5e;
            --violet-3: #e11d48;
            --pink: #ff3d9a;
            --magenta: #f43f5e;
            --gold: #f5b542;
            --green: #34d399;

            /* Text (contrast tuned for AA on dark) */
            --text: #f5f1f2;
            --text-muted: #b0a8a4;
            --text-dim: #908b88;

            --grad: linear-gradient(118deg, #ff3d9a 0%, #f43f5e 32%, #ff3d9a 72%, #f43f5e 100%);
            --grad-soft: linear-gradient(118deg, rgba(244,63,94,0.16), rgba(255,61,154,0.12));

            --shadow-sm: 0 4px 20px rgba(0,0,0,0.35);
            --shadow-lg: 0 30px 80px rgba(0,0,0,0.55);
            --glow: 0 0 44px rgba(244,63,94,0.16);
            --glow-pink: 0 0 50px rgba(255,61,154,0.22);

            --radius-xl: 26px;
            --radius-lg: 20px;
            --radius: 15px;
            --radius-sm: 10px;
            --ease: cubic-bezier(0.22, 1, 0.36, 1);
            --t: 0.35s var(--ease);
            --header-h: 74px;
            --maxw: 1180px;

            /* Vertical rhythm scale — one source of truth so every band breathes evenly */
            --section-y: 104px;      /* section top/bottom padding (desktop) */
            --section-y-sm: 76px;    /* section top/bottom padding (<=768) */
            --gap-head: 46px;        /* gap from a section-head to its content block */
            --gap-block: 84px;       /* gap between sub-blocks inside one section */
            --measure: 64ch;         /* max line-length for readable paragraphs */

            /* Elevation */
            --e1: 0 1px 1px rgba(0,0,0,.5), 0 4px 12px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.05);
            --e3: 0 4px 8px rgba(0,0,0,.5), 0 24px 56px -12px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.07);
            --e4: 0 30px 80px -16px rgba(225,29,72,.30), 0 8px 16px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.08);
}