:root {
    /* 80s/90s Colour Palette */
    --primary-color: #000080; /* Navy Blue */
    --secondary-color: #ff0000; /* Red */
    --accent-color: #00ff00; /* Bright Green */
    --background-color: #000000; /* Black */
    --text-color: #ffffff; /* White */
    --header-background-color: #ffd700; /* Gold */
    --link-color: #00ffff; /* Cyan */
    --link-hover-color: #ff00ff; /* Magenta */
    --success-color: #00ff00; /* Green */
    --warning-color: #ff8800; /* Orange */
    --error-color: #ff0000; /* Red */
    --highlight-color: #ffff00; /* Yellow */

    /* Typography */
    --font-family-base: 'Courier New', 'Monaco', 'Consolas', monospace;
    --font-size-base: 16px;
    --line-height-base: 1.4;
    --font-weight-normal: 400;
    --font-weight-bold: 700;

    /* Spacing */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;

    /* Border Radius */
    --border-radius-sm: 0px; /* Sharp corners for 80s look */
    --border-radius-md: 4px;
    --border-radius-lg: 8px;

    /* Shadows */
    --box-shadow-sm: 2px 2px 0px rgba(255, 255, 255, 0.3);
    --box-shadow-md: 4px 4px 0px rgba(255, 255, 255, 0.3);
    --box-shadow-lg: 6px 6px 0px rgba(255, 255, 255, 0.3);

    /* Transition Timing */
    --transition-duration: 0.2s;
    --transition-timing-function: ease-in-out;

    /* 80s/90s specific */
    --gradient-primary: linear-gradient(45deg, var(--primary-color), var(--secondary-color));
    --gradient-secondary: linear-gradient(45deg, var(--accent-color), var(--highlight-color));
    --gradient-header: linear-gradient(90deg, var(--header-background-color), var(--warning-color));
}