:root {
    /* Accent (single teal/aqua hue) */
    --primary: #2DD4BF;
    --secondary: #0D9488;
    --accent: #2DD4BF;
    --accent-bright: #5EEAD4;
    --accent-deep: #0D9488;
    --accent-glow: rgba(45, 212, 191, 0.16);
    --ink-on-accent: #04201C;

    /* Grounds & surfaces */
    --bg: #0A0C11;
    --bg-2: #0E1117;
    --darker: #0A0C11;
    --dark: #0E1117;
    --surface: rgba(255, 255, 255, 0.035);
    --surface-2: rgba(255, 255, 255, 0.055);
    --border: rgba(255, 255, 255, 0.09);
    --border-strong: rgba(255, 255, 255, 0.15);

    /* Text */
    --text: #E8EBEF;
    --text-light: #8B95A3;
    --muted: #8B95A3;
    --dim: #5C6673;

    /* Component tokens */
    --nav-bg: rgba(255, 255, 255, 0.05);
    --nav-shadow: 0 10px 34px rgba(0, 0, 0, 0.4);
    --card-bg: rgba(255, 255, 255, 0.035);
    --shadow: 0 24px 60px rgba(0, 0, 0, 0.55);
    --dot: rgba(255, 255, 255, 0.05);
    --success: #34D399;
}