/* ==========================================================================
   ATOZGADGETS LUXURY DARK THEME ONLY (tokens.css)
   Pure Dark Palette Locked for Storefront, Admin, and Auth Pages
   ========================================================================== */

:root, [data-theme="dark"], [data-theme="light"], html {
    /* ----------------------------------------------------------------------
       1. Core Brand Constants
       ---------------------------------------------------------------------- */
    --brand-store: #c9a962;
    --brand-store-hover: #b89851;
    --brand-admin: #2563eb;
    --brand-admin-hover: #3b82f6;

    /* ----------------------------------------------------------------------
       2. Semantic Status Tokens (High-Contrast for Dark Canvas)
       ---------------------------------------------------------------------- */
    --color-success: #10b981;
    --color-success-bg: rgba(16, 185, 129, 0.15);
    --color-warning: #f59e0b;
    --color-warning-bg: rgba(245, 158, 11, 0.15);
    --color-danger: #ef4444;
    --color-danger-bg: rgba(239, 68, 68, 0.15);
    --color-info: #3b82f6;
    --color-info-bg: rgba(59, 130, 246, 0.15);

    /* ----------------------------------------------------------------------
       3. Motion & Transitions
       ---------------------------------------------------------------------- */
    --ease-premium: cubic-bezier(0.16, 1, 0.3, 1);
    --duration-fast: 0.2s;
    --duration-normal: 0.3s;
    --disabled-opacity: 0.5;

    /* ----------------------------------------------------------------------
       4. Pure Dark Backgrounds & Surfaces
       ---------------------------------------------------------------------- */
    --bg-base: #0a0a0a;
    --bg-surface: #141414;
    --bg-surface-elevated: #1e1e24;
    --bg-card: var(--bg-surface);

    /* ----------------------------------------------------------------------
       5. Dark Typography (WCAG AA Compliant)
       ---------------------------------------------------------------------- */
    --text-primary: #fafaf9;
    --text-secondary: #a1a1aa;
    --text-muted: #71717a;
    --text-inverse: #0a0a0a;

    /* ----------------------------------------------------------------------
       6. Borders & Dividers
       ---------------------------------------------------------------------- */
    --border-color: rgba(255, 255, 255, 0.08);
    --border-strong: rgba(255, 255, 255, 0.16);

    /* ----------------------------------------------------------------------
       7. Form Controls & Inputs
       ---------------------------------------------------------------------- */
    --input-bg: rgba(255, 255, 255, 0.04);
    --input-border: rgba(255, 255, 255, 0.1);
    --input-focus: var(--brand-primary);
    --input-placeholder: #52525b;

    /* ----------------------------------------------------------------------
       8. Glassmorphism & Overlays
       ---------------------------------------------------------------------- */
    --glass-bg: rgba(20, 20, 20, 0.7);
    --glass-border: rgba(255, 255, 255, 0.08);
    --glass-shadow: 0 4px 30px rgba(0, 0, 0, 0.5);
    --overlay-bg: rgba(0, 0, 0, 0.8);

    /* ----------------------------------------------------------------------
       9. Tables & Interactive States
       ---------------------------------------------------------------------- */
    --hover-subtle: rgba(255, 255, 255, 0.05);
    --active-subtle: rgba(255, 255, 255, 0.1);
    --table-hover: rgba(255, 255, 255, 0.03);
    --table-stripe: rgba(255, 255, 255, 0.015);
}

/* App-Context Specific Brand Overrides */
[data-app="store"], [data-app="auth"] {
    --brand-primary: var(--brand-store);
    --brand-primary-hover: var(--brand-store-hover);
    --link-color: var(--brand-store);
    --focus-ring: rgba(201, 169, 98, 0.25);
    --selection-bg: rgba(201, 169, 98, 0.18);
}

[data-app="admin"] {
    --brand-primary: var(--brand-admin);
    --brand-primary-hover: var(--brand-admin-hover);
    --link-color: var(--brand-admin);
    --focus-ring: rgba(37, 99, 235, 0.25);
    --selection-bg: rgba(37, 99, 235, 0.18);
}