/* Main Variables for KhoTruyen Theme v3.1.0 */

:root {
    /* Light Mode Variables – KhoTruyen Orange Palette */
    --gdwp-primary: #ff6b00;
    --gdwp-primary-hover: #e05d00;
    --gdwp-primary-active: #c2410c;
    --gdwp-primary-rgb: 255, 107, 0;
    --gdwp-primary-light: #fff7ed;
    --gdwp-primary-glow: rgba(255, 107, 0, 0.25);
    
    --gdwp-secondary: #0f172a;
    --gdwp-accent: #0284c7;
    --gdwp-accent-telegram: #0088cc;
    --gdwp-success: #10b981;
    --gdwp-warning: #f59e0b;
    --gdwp-danger: #ef4444;

    --gdwp-bg-light: #ffffff;
    --gdwp-bg-body: #f8fafc;
    --gdwp-text-color: #334155;
    --gdwp-text-heading: #0f172a;
    --gdwp-text-muted: #64748b;
    --gdwp-card-bg: #ffffff;
    --gdwp-border-color: #f1f5f9;
    --gdwp-border-color-darker: #e2e8f0;

    --gdwp-sidebar-width: 220px;
    --gdwp-sidebar-bg: #ffffff;

    --gdwp-radius-sm: 0.5rem;
    --gdwp-radius: 0.875rem;
    --gdwp-radius-lg: 1.25rem;
    --gdwp-radius-xl: 1.5rem;
    --gdwp-radius-pill: 9999px;

    --gdwp-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.04);
    --gdwp-shadow-card: 0 4px 16px rgba(15, 23, 42, 0.04);
    --gdwp-shadow-hover: 0 10px 25px rgba(255, 107, 0, 0.12);
}

/* Dark Mode Variables – KhoTruyen */
.dark-mode {
    color-scheme: dark;
    --gdwp-bg-body: #090d16;
    --gdwp-text-color: #cbd5e1;
    --gdwp-text-heading: #f8fafc;
    --gdwp-text-muted: #94a3b8;
    --gdwp-card-bg: #111827;
    --gdwp-border-color: #1e293b;
    --gdwp-border-color-darker: #334155;
    --gdwp-bg-light: #1e293b;
    --gdwp-sidebar-bg: #111827;
    --gdwp-primary-light: rgba(255, 107, 0, 0.15);
    --gdwp-shadow-card: 0 4px 20px rgba(0, 0, 0, 0.35);
    --gdwp-shadow-hover: 0 10px 30px rgba(255, 107, 0, 0.2);
}