/**
 * PENGATURAN_THEME=indigo
 * Default skin — indigo / violet (nilai sama dengan :root di administrator-system.css).
 */
:root {
    --as-indigo: #4f46e5;
    --as-indigo-2: #7c3aed;
    --as-teal: #0d9488;
    --as-sky: #0284c7;
    --as-hero: linear-gradient(135deg, #1e1b4b 0%, #4f46e5 52%, #0ea5e9 100%);
    --as-hero-dash: linear-gradient(135deg, #312e81 0%, #4f46e5 46%, #0ea5e9 100%);
    --as-hero-shadow: 0 24px 50px -28px rgba(79, 70, 229, 0.75);
    --as-hero-dash-shadow: 0 30px 60px -32px rgba(79, 70, 229, 0.7);
    --as-sidebar:
        radial-gradient(1200px 280px at 0% -10%, rgba(99, 102, 241, 0.35), transparent 50%),
        radial-gradient(800px 240px at 100% 100%, rgba(14, 165, 233, 0.18), transparent 46%),
        linear-gradient(180deg, #0b1220 0%, #111827 55%, #0f172a 100%);
    --as-sidebar-active: linear-gradient(90deg, rgba(79, 70, 229, 0.38), rgba(79, 70, 229, 0.12));
    --as-sidebar-active-bar: #818cf8;
    --as-sidebar-kicker: rgba(165, 180, 252, 0.85);
    --as-btn-primary: linear-gradient(135deg, #4f46e5, #2563eb);
    --as-btn-primary-shadow: 0 12px 24px -16px rgba(37, 99, 235, 0.9);
    --as-header-hover: rgba(79, 70, 229, 0.08);
    --as-fill-indigo: linear-gradient(135deg, #6366f1, #4f46e5);
    --as-fill-violet: linear-gradient(135deg, #a78bfa, #7c3aed);
    --as-soft: #f8fafc;
    --as-tint: #eef2ff;
    --as-line-accent: #c7d2fe;
    --as-hover-border: rgba(79, 70, 229, 0.22);
    --as-active-fill: linear-gradient(90deg, rgba(79, 70, 229, 0.12), rgba(14, 165, 233, 0.08));
    --as-active-border: rgba(79, 70, 229, 0.28);
    --as-focus-ring: rgba(99, 102, 241, 0.18);
    --as-orb-soft: rgba(14, 165, 233, 0.32);
    --as-drop-bg: linear-gradient(180deg, #f8fafc, #eef2ff);
}