/**
 * DK Textiles Central Theme Engine Configuration Matrix
 * Extracted Brand Palette: Deep Industrial Teal/Blue & High-Visibility Neon Orange
 */

:root {
    /* Core Logo Palettes */
    --dk-brand-blue-deep: #054a73;
    --dk-brand-blue-hover: #033654;
    --dk-brand-orange-neon: #ff4500;
    --dk-brand-orange-hover: #e03d00;
    
    /* Dark Surface Matrix Layers */
    --dk-bg-main: #0f172a;       /* Slate 900 */
    --dk-bg-panel: #1e293b;      /* Slate 800 */
    --dk-bg-surface: #111827;    /* Gray 900 */
    --dk-border-subtle: #334155; /* Slate 700 */
    
    /* Typography Indicators */
    --dk-text-primary: #f8fafc;   /* Slate 50 */
    --dk-text-secondary: #94a3b8; /* Slate 400 */
    --dk-text-muted: #64748b;     /* Slate 500 */
}

/* Base Body Framework Resets */
body {
    background-color: var(--dk-bg-main);
    color: var(--dk-text-primary);
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Custom Component Branding Utilities */

/* 1. Logo Gradient Text Effect */
.dk-text-gradient {
    background: linear-gradient(180deg, var(--dk-brand-blue-deep) 0%, var(--dk-brand-blue-deep) 45%, var(--dk-brand-orange-neon) 55%, var(--dk-brand-orange-neon) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* 2. Primary Deep Blue Utility Actions */
.btn-dk-blue {
    background-color: var(--dk-brand-blue-deep);
    color: #ffffff;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-dk-blue:hover {
    background-color: var(--dk-brand-blue-hover);
    transform: translateY(-1px);
}
.btn-dk-blue:active {
    transform: translateY(0);
}

/* 3. Attention-Grabbing Neon Orange Actions (Dispatches, Alerts, Submissions) */
.btn-dk-orange {
    background-color: var(--dk-brand-orange-neon);
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 14px -3px rgba(255, 69, 0, 0.4);
}
.btn-dk-orange:hover {
    background-color: var(--dk-brand-orange-hover);
    box-shadow: 0 6px 20px -3px rgba(255, 69, 0, 0.6);
    transform: translateY(-1px);
}

/* 4. High-Visibility Structural Status Highlights */
.border-dk-orange {
    border-color: var(--dk-brand-orange-neon) !important;
}
.border-dk-blue {
    border-color: var(--dk-brand-blue-deep) !important;
}

.text-dk-orange { color: var(--dk-brand-orange-neon); }
.text-dk-blue { color: var(--dk-brand-blue-deep); }

.bg-dk-blue-dim {
    background-color: rgba(5, 74, 115, 0.15);
    border: 1px solid rgba(5, 74, 115, 0.3);
}
.bg-dk-orange-dim {
    background-color: rgba(255, 69, 0, 0.1);
    border: 1px solid rgba(255, 69, 0, 0.25);
}

/* Form Inputs Interactive Overrides */
input:focus, select:focus, textarea:focus {
    border-color: var(--dk-brand-blue-deep) !important;
    box-shadow: 0 0 0 2px rgba(5, 74, 115, 0.4) !important;
}

/* Dynamic Interactive Custom Scrollbars */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: var(--dk-bg-main);
}
::-webkit-scrollbar-thumb {
    background: var(--dk-border-subtle);
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--dk-brand-blue-deep);
}