:root {
    /* --- BRAND COLORS (Construction Orange) --- */
    --color-primary: #d75800;        /* Orange-500 */
    --color-primary-hover: #EA580C;  /* Orange-600 */
    --color-text-on-primary: #FFFFFF;
    
    /* --- BRANDING SPECIFIC --- */
    --brand-logo-color: #F97316;
    --brand-text-color: #FFFFFF;
    
    /* --- BACKGROUNDS --- */
    --color-bg: #0F172A;             /* Slate-900 (Deep Industrial Blue/Grey) */
    --color-bg-gradient-start: #1E293B;
    --color-card: #1E293B;           /* Slate-800 */
    --color-border: #334155;         /* Slate-700 */
    
    /* --- INPUTS --- */
    --color-input-bg: #334155;
    --color-input-text: #FFFFFF;
    
    /* --- TYPOGRAPHY --- */
    --color-text-main: #F8FAFC;      /* Slate-50 */
    --color-text-muted: #94A3B8;     /* Slate-400 */
    --color-accent: #FFFFFF;
    
    /* --- EFFECTS --- */
    --color-shadow-glow: rgba(249, 115, 22, 0.2);
    --color-icon-bg: #334155;
    --color-icon-text: #F97316;
    --color-hover-highlight: rgba(255, 255, 255, 0.05);
    
    /* --- DYNAMIC COMPONENTS --- */
    --color-modal-overlay: rgba(0, 0, 0, 0.85);
    --color-upload-hover: #F97316;
    
    /* Buttons */
    --btn-hover-bg: #334155;
    --btn-text-hover: #FFFFFF;
    
}

.header-title-gradient { color: white; }
.header-subtitle-gradient { color: #94A3B8 !important; }
.panel-box, .panel-box-transparent { border: none !important; }
.panel-box-transparent { background-color: transparent !important; }