:root {
    /* Backgrounds (Dark Technical / Retro) */
    --color-background: #080b10;
    --color-surface: #101721;
    --color-surface-hover: #16202d;

    /* Brand Colors */
    --color-primary: #00e6cf;
    --color-primary-hover: #00c7b3;
    --color-secondary: #00897d;
    --color-tertiary: #4dcfc3;

    /* Text Colors */
    --color-text: #d8e3f0;
    --color-text-muted: #8fa4bb;
    --color-text-inverse: #05070a;
    --color-headline: #f3f8ff;

    /* Borders */
    --color-border: #243245;
    --color-border-highlight: #2f425a;

    /* Status Colors */
    --color-success: #24ffb6;
    --color-error: #ff4d6d;
    --color-error-hover: #ff3359;
    --color-warning: #ffcb4a;
    --color-info: #00e6cf;

    /* Message (Success, Error, Info) - Background, Border, Text */
    --color-success-bg: #0d2b23;
    --color-success-border: #1c5f4d;
    --color-success-text: #8dffe0;
    --color-error-bg: #32111b;
    --color-error-border: #6e2234;
    --color-error-text: #ff9aad;
    --color-info-bg: #0a2731;
    --color-info-border: #1d5162;
    --color-info-text: #87edff;

    /* Gradients */
    --gradient-brand: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
    --gradient-text: linear-gradient(to right, var(--color-primary), var(--color-tertiary));
    --color-gold-gradient-start: #3b2d00;
    --color-gold-gradient-mid: #a98000;
    --color-gold-gradient-end: #ffd56e;
    --gradient-gold: linear-gradient(to right, var(--color-gold-gradient-start), var(--color-gold-gradient-mid), var(--color-gold-gradient-end));

    /* Shadows */
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.45);
    --shadow-md: 0 6px 16px -2px rgba(0, 0, 0, 0.55), 0 2px 6px -1px rgba(0, 0, 0, 0.45);
    --shadow-lg: 0 18px 28px -6px rgba(0, 0, 0, 0.65), 0 4px 10px -2px rgba(0, 0, 0, 0.5);
    --shadow-glow: 0 0 24px rgba(0, 230, 207, 0.28);
}