/*
 * WP Modern Admin — Design Tokens
 * Single source of truth for all visual values.
 * Override --wma-accent and --wma-accent-rgb at runtime via PHP.
 */

:root {
    /* ── Accent (runtime-overridden) ── */
    --wma-accent:        #6366f1;
    --wma-accent-rgb:    99, 102, 241;
    --wma-accent-h:      rgba(var(--wma-accent-rgb), 0.08);
    --wma-accent-m:      rgba(var(--wma-accent-rgb), 0.16);
    --wma-accent-hover:  color-mix(in srgb, var(--wma-accent) 88%, white);

    /* ── Light scheme (default) ── */
    --wma-bg:            #f4f6f8;
    --wma-surface:       #ffffff;
    --wma-surface-2:     #f8fafc;
    --wma-surface-3:     #f1f5f9;
    --wma-border:        #e2e8f0;
    --wma-border-strong: #c8d3df;
    --wma-text:          #0f172a;
    --wma-text-2:        #334155;
    --wma-text-muted:    #64748b;
    --wma-text-subtle:   #94a3b8;

    /* ── Status ── */
    --wma-success:     #10b981;
    --wma-success-bg:  rgba(16, 185, 129, 0.08);
    --wma-warning:     #f59e0b;
    --wma-warning-bg:  rgba(245, 158, 11, 0.08);
    --wma-danger:      #ef4444;
    --wma-danger-bg:   rgba(239, 68, 68, 0.08);
    --wma-info:        #3b82f6;
    --wma-info-bg:     rgba(59, 130, 246, 0.08);

    /* ── Layout ── */
    --wma-sidebar-w:     252px;
    --wma-sidebar-w-col: 76px;
    --wma-topbar-h:      54px;
    --wma-adminbar-h:    32px;
    --wma-sidebar-item-h: 38px;
    --wma-sidebar-pad:    12px;       /* inner horizontal padding */
    --wma-sidebar-icon:   38px;       /* icon button size (collapsed) */

    /* ── Radius ── */
    --wma-r-xs:  4px;
    --wma-r-sm:  6px;
    --wma-r:     8px;
    --wma-r-md:  10px;
    --wma-r-lg:  14px;
    --wma-r-xl:  18px;
    --wma-r-2xl: 24px;
    --wma-r-full: 9999px;

    /* ── Shadows ── */
    --wma-shadow-xs: 0 1px 2px rgba(0,0,0,.04);
    --wma-shadow-sm: 0 1px 4px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);
    --wma-shadow:    0 4px 14px rgba(0,0,0,.08);
    --wma-shadow-md: 0 8px 24px rgba(0,0,0,.10);
    --wma-shadow-lg: 0 16px 48px rgba(0,0,0,.14);
    --wma-shadow-accent: 0 4px 16px rgba(var(--wma-accent-rgb), .30);

    /* ── Transitions ── */
    --wma-t-fast:   100ms ease;
    --wma-t:        150ms ease;
    --wma-t-slow:   250ms ease;
    --wma-t-spring: 300ms cubic-bezier(.34,1.56,.64,1);

    /* ── Typography ── */
    --wma-font:      'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
    --wma-font-mono: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace;

    /* ── Font sizes ── */
    --wma-text-xs:   11px;
    --wma-text-sm:   12px;
    --wma-text-base: 13px;
    --wma-text-md:   14px;
    --wma-text-lg:   16px;
    --wma-text-xl:   18px;
    --wma-text-2xl:  22px;
    --wma-text-3xl:  28px;

    /* ── Z-index ── */
    --wma-z-sidebar:  100;
    --wma-z-topbar:   200;
    --wma-z-dropdown: 300;
    --wma-z-modal:    400;
    --wma-z-toast:    500;
}

/* ── Dark scheme (applied via body.wma-active.wma-scheme-dark) ── */
body.wma-active.wma-scheme-dark {
    --wma-bg:            #09090b;
    --wma-surface:       #111113;
    --wma-surface-2:     #18181b;
    --wma-surface-3:     #27272a;
    --wma-border:        #27272a;
    --wma-border-strong: #3f3f46;
    --wma-text:          #fafafa;
    --wma-text-2:        #e4e4e7;
    --wma-text-muted:    #a1a1aa;
    --wma-text-subtle:   #71717a;

    /* Status backgrounds need more presence on dark */
    --wma-success-bg:  rgba(16, 185, 129, 0.14);
    --wma-warning-bg:  rgba(245, 158, 11, 0.14);
    --wma-danger-bg:   rgba(239, 68, 68, 0.14);
    --wma-info-bg:     rgba(59, 130, 246, 0.14);

    /* Accent halos slightly stronger for contrast on dark */
    --wma-accent-h:    rgba(var(--wma-accent-rgb), 0.14);
    --wma-accent-m:    rgba(var(--wma-accent-rgb), 0.24);

    /* Shadows: deepen on dark so elevation stays readable */
    --wma-shadow-xs: 0 1px 2px rgba(0,0,0,.40);
    --wma-shadow-sm: 0 1px 4px rgba(0,0,0,.45), 0 1px 2px rgba(0,0,0,.40);
    --wma-shadow:    0 4px 14px rgba(0,0,0,.50);
    --wma-shadow-md: 0 8px 24px rgba(0,0,0,.55);
    --wma-shadow-lg: 0 16px 48px rgba(0,0,0,.60);
}