/**
 * Shared theme CSS variables for environment-based styling.
 * This file centralizes theme colors to avoid duplication across HTML files.
 */

:root {
    /* Default (production) theme - purple gradient */
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --primary-color: #667eea;
    --primary-dark: #764ba2;
    --header-gradient: linear-gradient(135deg, #374151 0%, #1f2937 100%);
    --env-banner-bg: transparent;
    --env-banner-display: none;
}

/* Staging/Development theme - orange accent for clear distinction */
body.env-staging, body.env-development {
    --primary-gradient: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    --primary-color: #f59e0b;
    --primary-dark: #d97706;
    --header-gradient: linear-gradient(135deg, #78350f 0%, #451a03 100%);
    --env-banner-bg: linear-gradient(90deg, #f59e0b 0%, #d97706 100%);
    --env-banner-display: block;
}

/* Environment Banner - common styles */
.env-banner {
    background: var(--env-banner-bg);
    color: white;
    text-align: center;
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: var(--env-banner-display);
}

/* Fixed position variant for login/partner-select pages */
.env-banner.env-banner-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}