:root {
    /* Base colors */
    --background: #1a181c;
    --text: #e9e6f7;
    --accent: #e6b3e3;

    /* Foreground colors */
    --surface: #252329;
    --border: #3e3a45;
    --text-secondary: #938ca9;
    --accent-light: #f0c4f0;

    /* Interactive colors */
    --background-interactive: #36333c;
    --background-interactive-hover: #4a4751;
    --link: #d18aff;

    /* Disabled state */
    --text-disabled: #5a5466;

    /* Pastel text colors */
    --text-pink: #ffb6c1;
    --text-purple: #cda4ff;
    --text-fushia: #ff77ff;
    --text-blue: #a3c1ff;
    --text-green: #aaffaa;
    --text-red: #ff8080;
    --text-orange: #ffb347;
}