/* ============================================================
   Slate — Dark Skin (default)
   Charcoal near-black with indigo accent
   ============================================================ */

:root {
    color-scheme: dark;
    /* Base palette */
    --color-primary-dark:  #0f1117;
    --color-accent:        #6366f1;
    --color-primary:       #f1f5f9;
    --color-link-dark:     #1c1f2e;
    --color-link:          #818cf8;
    --color-secondary:     #94a3b8;
    --color-surface:       #151820;
    --color-surface-alt:   rgba(28, 31, 46, 0.8);
    --color-text:          #cbd5e1;
    --color-text-muted:    #475569;
    --color-outline:       #0f1117;
    --color-border:        rgba(99, 102, 241, 0.2);

    /* Status */
    --color-success:       #22c55e;
    --color-warning:       #f59e0b;
    --color-danger:        #ef4444;
    --color-info:          #38bdf8;

    /* Backgrounds */
    --color-bg:            #0f1117;
    --color-bg-alt:        rgba(21, 24, 32, 0.6);

    /* Layout */
    --layout-sidebar-width: 260px;
    --layout-header-height: 60px;

    /* Extended theme control */
    --color-accent-rgb:        99, 102, 241;
    --color-surface-card:      #1c1f2e;
    --card-backdrop-filter:    none;
    --color-bg-end:            #0f1117;
    --color-overlay-subtle:    rgba(255, 255, 255, 0.04);
    --color-overlay-medium:    rgba(0, 0, 0, 0.2);
    --color-border-subtle:     rgba(255, 255, 255, 0.07);
    --color-admin-body-bg:     #0f1117;
    --color-admin-sidebar-bg:  #151820;
    --header-background-image: none;
    --header-top-height:       60px;
}