:root {
    color-scheme: dark;
    --background: #060b18;
    --surface: #0d1628;
    --surface-raised: #14213a;
    --text: #f4f7ff;
    --muted: #aab8cf;
    --action: #245bdb;
    --accent: #709cff;
    --cyan: #67dce5;
    --violet: #9a89f5;
    --focus: #8aeaff;
    --line: rgb(162 188 239 / 15%);
    --font: 'Manrope', 'Segoe UI', sans-serif;
    --content-width: 1240px;
    --gutter: clamp(1.25rem, 5vw, 5rem);
    --radius: 16px;
    --ease: cubic-bezier(.2,.7,.2,1);
}