:root {
    /* COLORS (default placeholders, overridden by themes) */
    --bg: #ffffff;
    --text: #000000;
    --text-muted: #666666;

    --header-bg: #ffffff;
    --header-border: #dddddd;
    --header-shadow: rgba(0,0,0,0.1);

    --nav-link: #444444;
    --nav-link-active-bg: #000000;
    --nav-link-active-text: #ffffff;

    --banner-bg: #f0f0f0;
    --banner-border: #cccccc;

    --card-bg: #ffffff;
    --card-top-bg: #f7f7f7;
    --card-shadow: rgba(0,0,0,0.1);

    --hover-bg: #f0f0f0;

    --status-green: #16a34a;
    --status-gray: #6b7280;

    --modal-bg: #ffffff;
    --modal-shadow: rgba(0,0,0,0.2);

    --footer-bg: #111111;
    --footer-text: #eeeeee;
    --footer-link: #4da3ff;

    /* SPACING */
    --space-xxs: 2px;
    --space-xs: 4px;
    --space-sm: 6px;
    --space-md: 10px;
    --space-lg: 14px;
    --space-xl: 20px;
    --space-xxl: 30px;

    /* RADII */
    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 10px;
    --radius-xl: 12px;

    /* SHADOWS */
    --shadow-sm: 0 2px 6px var(--card-shadow);
    --shadow-md: 0 4px 10px var(--card-shadow);
    --shadow-lg: 0 4px 20px var(--card-shadow);

    /* TYPOGRAPHY */
    --font-xs: 12px;
    --font-sm: 13px;
    --font-md: 14px;
    --font-lg: 17px;
    --font-xl: 20px;
    --font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

    /* HEADER HEIGHTS */
    --header-height-mobile: 150px;
    --header-height-desktop: 100px;

    /* CARD SETTINGS */
    --card-radius: var(--radius-xl);
    --card-padding: var(--space-lg);
}