:root {
    /* Color */
    --navy-950: #050810;
    --navy-900: #0B1120;
    --navy-800: #131F38;
    --ink: #0B1120;
    --ink-soft: #57607A;
    --ink-faint: #8992A8;
    --blue: #1657E0;
    --blue-light: #2E7CF6;
    --teal: #14B8A6;
    --teal-light: #2DD4BF;
    --violet: #6D5CF6;
    --paper: #F5F8FD;
    --paper-alt: #EEF2FA;
    --white: #FFFFFF;
    --line: rgba(14,20,36,.11);
    --line-soft: rgba(14,20,36,.06);
    --on-dark: #C9D2E6;
    --on-dark-soft: #8592B0;
    /* Gradients */
    --grad-brand: linear-gradient(120deg, var(--blue) 0%, var(--teal) 100%);
    --grad-brand-2: linear-gradient(120deg, var(--violet) 0%, var(--blue) 50%, var(--teal) 100%);
    --grad-dark: linear-gradient(160deg, var(--navy-950), var(--navy-800));
    --grad-glass: linear-gradient(160deg, rgba(255,255,255,.75), rgba(255,255,255,.35));
    /* Type scale */
    --fs-h1: clamp(32px, 4.4vw, 54px);
    --fs-h2: clamp(25px, 3vw, 36px);
    --fs-h3: 19px;
    --fs-body: 16.5px;
    --fs-small: 13.5px;
    --radius-sm: 10px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --ease: cubic-bezier(.22,.68,0,1);
    --shadow-soft: 0 10px 30px -10px rgba(14,20,36,.12);
    --shadow-lift: 0 24px 60px -16px rgba(22,87,224,.28);
}