:root {
    /* surfaces — warm near-blacks */
    --bg: oklch(0.165 0.006 60);
    --bg-2: oklch(0.205 0.008 60);
    --surface: oklch(0.225 0.009 62);
    --surface-2: oklch(0.265 0.010 62);
    --border: oklch(0.32 0.012 62);
    --border-soft: oklch(0.27 0.010 62);

    /* text */
    --text: oklch(0.955 0.006 85);
    --text-muted: oklch(0.74 0.012 78);
    --text-faint: oklch(0.56 0.012 72);

    /* brand */
    --accent: oklch(0.546 0.203 9);
    /* #c91e57 pink-red */
    --accent-hover: oklch(0.61 0.195 9);
    --accent-soft: oklch(0.546 0.203 9 / 0.14);
    --amber: oklch(0.62 0.19 353);
    /* #c0277b magenta highlight */
    --amber-text: oklch(0.76 0.14 353);

    --radius-sm: 8px;
    --radius: 14px;
    --radius-lg: 22px;

    --maxw: 1180px;
    --shadow: 0 1px 2px oklch(0 0 0 / 0.4), 0 12px 40px oklch(0 0 0 / 0.35);
    --shadow-soft: 0 1px 0 oklch(1 0 0 / 0.03), 0 14px 50px oklch(0 0 0 / 0.45);
}