/* ================================================================
   Precious Ayurveda ERP — CSS Variables v2.1 — Floating Sidebar
   ================================================================ */
:root {
    --erp-orange: #f97316;
    --erp-orange-2: #fb923c;
    --erp-orange-dark: #ea580c;
    --erp-navy: #0f2035;
    --erp-sidebar: #0c1929;
    --erp-sidebar-hover: #1a2d44;
    --erp-canvas: #f1f5f9;
    --erp-surface: #fff;
    --erp-surface-soft: #f8fafc;
    --erp-border: #e2e8f0;
    --erp-text: #1e293b;
    --erp-muted: #64748b;
    --erp-success: #22c55e;
    --erp-warning: #f59e0b;
    --erp-danger: #ef4444;
    --erp-info: #3b82f6;
    --erp-violet: #8b5cf6;
    --erp-cyan: #14b8a6;
    --erp-sidebar-width: 270px;
    --erp-sidebar-collapsed: 82px;
    --erp-sidebar-gap: 16px;
    --erp-radius-xl: 24px;
    --erp-radius-lg: 16px;
    --erp-radius-md: 12px;
    --erp-radius-sm: 8px;
    --erp-shadow: 0 1px 3px rgba(15,23,42,.06), 0 4px 14px rgba(15,23,42,.04);
    --erp-shadow-soft: 0 1px 2px rgba(15,23,42,.04);
    --erp-shadow-hover: 0 8px 25px rgba(15,23,42,.08);
    --erp-shadow-sidebar: 0 20px 60px rgba(15,23,42,.18), 0 4px 20px rgba(15,23,42,.08);
    --erp-ring: 0 0 0 3px rgba(249,115,22,.1);
    --erp-ease: cubic-bezier(.22,1,.36,1);
    --primary-color: var(--erp-orange);
    --primary-dark: var(--erp-orange-dark);
    --bg-color: var(--erp-canvas);
    --text-primary: var(--erp-text);
}
[data-theme=dark] {
    --erp-canvas: #090f1b;
    --erp-surface: #111827;
    --erp-surface-soft: #0f172a;
    --erp-border: #1f2937;
    --erp-text: #f1f5f9;
    --erp-muted: #94a3b8;
    --erp-shadow: 0 4px 14px rgba(0,0,0,.25);
    --erp-shadow-soft: 0 2px 8px rgba(0,0,0,.2);
    --erp-shadow-sidebar: 0 20px 60px rgba(0,0,0,.4);
}