/* ========================================
   THEME: MIDNIGHT GLOW
   ======================================== */

@import url('../particles/stars.css');

:root {
    /* Primary Colors */
    --primary: #d4af37;
    --primary-light: #f0c674;
    --primary-rgb: 212, 175, 55;
    
    /* Background Colors */
    --bg-main: #1a1a2e;
    --bg-overlay: rgba(0, 0, 0, 0.92);
    --bg-overlay-safari: rgba(0, 0, 0, 0.95);
    
    /* Overlay Variations - Theme-specific overlays for daily message */
    --overlay-subtle: rgba(26, 26, 46, 0.92);      /* Subtle overlay - bg-main based */
    --overlay-medium: rgba(13, 13, 23, 0.88);      /* Medium overlay - darker */
    --overlay-dark: rgba(0, 0, 0, 0.95);           /* Dark overlay - full black */
    
    /* Text Colors */
    --text-primary: #cccccc;
    --text-secondary: rgba(255, 255, 255, 0.9);
    --text-tertiary: rgba(255, 255, 255, 0.8);
    --text-muted: rgba(255, 255, 255, 0.7);
    --text-faded: rgba(255, 255, 255, 0.5);
    --text-dark: #2c2c2c;
    --text-gray: #8a8a8a;
    --text-on-primary: #1a1a2e;           /* Dark text for buttons with primary (gold) background */
    --text-placeholder: rgba(255, 255, 255, 0.4);  /* Subtle white for input placeholders */
    
    /* Glass/Surface Colors */
    --glass-primary: rgba(255, 255, 255, 0.08);
    --glass-secondary: rgba(255, 255, 255, 0.06);
    --glass-hover: rgba(255, 255, 255, 0.12);
    --glass-light: rgba(255, 255, 255, 0.15);
    --glass-border: rgba(255, 255, 255, 0.2);
    --glass-border-light: rgba(255, 255, 255, 0.15);
    --glass-border-subtle: rgba(255, 255, 255, 0.1);
    
    /* Accent Colors (Primary-based) */
    --accent-subtle: rgba(212, 175, 55, 0.05);
    --accent-light: rgba(212, 175, 55, 0.1);
    --accent-medium: rgba(212, 175, 55, 0.2);
    --accent-strong: rgba(212, 175, 55, 0.3);
    --accent-border-light: rgba(212, 175, 55, 0.2);
    --accent-border: rgba(212, 175, 55, 0.4);
    --accent-border-strong: rgba(212, 175, 55, 0.6);
    --accent-border-full: rgba(212, 175, 55, 1);
    --accent-text: rgba(212, 175, 55, 0.8);
    --accent-text-bright: rgba(212, 175, 55, 0.95);
    --accent-text-full: rgba(212, 175, 55, 1);
    
    /* Glow Effects */
    --glow-soft: rgba(212, 175, 55, 0.8);
    --glow-medium: rgba(212, 175, 55, 0.5);
    --glow-subtle: rgba(212, 175, 55, 0.3);
    --glow-faint: rgba(212, 175, 55, 0.2);
    --glow-very-faint: rgba(212, 175, 55, 0.1);
    
    /* Special Colors */
    --black-soft: rgba(0, 0, 0, 0.1);
    --black-medium: rgba(0, 0, 0, 0.12);
    --black-shadow: rgba(0, 0, 0, 0.5);
    
    /* Paper Texture Colors - Theme-specific fiber colors */
    --paper-fiber-primary: rgba(212, 175, 55, 0.06);  /* Primary fiber dots (gold) */
    --paper-fiber-secondary: rgba(212, 175, 55, 0.04);/* Secondary fiber dots */
    --paper-fiber-grain: rgba(212, 175, 55, 0.02);    /* Directional grain */
    --paper-fiber-light: rgba(255, 255, 255, 0.08);   /* Light fiber highlights */
}