/* Design tokens — CSS custom properties shared across login.html and index.html.
 *
 * Extracted from templates/login.html during Phase 3 of the reorganization.
 * The same :root block exists in templates/index.html and will be removed from
 * there in Phase 4 once index.html is split. Both pages then share this file
 * via <link rel="stylesheet" href="/static/css/design-tokens.css">.
 */
:root {
    /* Primary Colors */
    --primary-gold: #d3bc8d;
    --primary-gold-hover: #c3ab79;
    --secondary-gold: #b79f75;
    --accent-gold: #a99161;

    /* Background Colors */
    --bg-primary: #0f1217;
    --bg-secondary: #151a22;
    --bg-tertiary: #1b212c;
    --bg-quaternary: #232b3a;
    --bg-card: #171d27;
    --bg-input: #1b212c;

    /* Text Colors */
    --text-primary: #f5f7fa;
    --text-secondary: #d6dce5;
    --text-muted: #8b95a7;
    --text-accent: #d3bc8d;
    --text-dark: #2c3e50;

    /* Border & Shadow */
    --border-primary: #d3bc8d;
    --border-secondary: rgba(211, 188, 141, 0.30);
    --border-subtle: rgba(211, 188, 141, 0.10);
    --shadow-primary: 0 8px 32px rgba(0, 0, 0, 0.3);
    --shadow-secondary: 0 4px 16px rgba(0, 0, 0, 0.2);
    --shadow-glow: 0 0 20px rgba(211, 188, 141, 0.15);
    --shadow-hover: 0 6px 20px rgba(211, 188, 141, 0.20);

    /* Gradients */
    --gradient-primary: linear-gradient(135deg, #1a1f2e 0%, #2c3441 50%, #424a57 100%);
    --gradient-secondary: linear-gradient(135deg, #5f6978 0%, #4a5568 100%);
    --gradient-gold: linear-gradient(135deg, #d3bc8d 0%, #c3ab79 100%);
    --gradient-card: linear-gradient(135deg, #424a57 0%, #5f6978 100%);

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

    /* Border Radius */
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;

    /* Typography */
    --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --font-size-xs: 0.75rem;
    --font-size-sm: 0.875rem;
    --font-size-base: 1rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.25rem;
    --font-size-2xl: 1.5rem;
    --font-size-3xl: 2rem;
    --font-size-4xl: 2.5rem;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;

    /* Transitions */
    --transition-fast: 0.15s ease;
    --transition-base: 0.3s ease;
    --transition-slow: 0.5s ease;

    /* Z-Index */
    --z-dropdown: 1000;
    --z-modal: 2000;
    --z-tooltip: 3000;
}