/* ============================================================================
   PACIOLI ERP — Design Tokens
   Single source of truth for all design variables.
   ============================================================================ */

:root {
    /* ── Brand ── */
    --pacioli-primary: #263B89;
    --pacioli-primary-hover: #1a2b5e;
    --pacioli-primary-soft: rgba(38, 59, 137, 0.08);
    --pacioli-primary-rgb: 38, 59, 137;

    /* ── Surfaces ── */
    --pacioli-bg: #f8fafc;
    --pacioli-card-bg: #ffffff;
    --pacioli-sidebar-bg: #263B89;

    /* ── Text ── */
    --pacioli-text-main: #1e293b;
    --pacioli-text-muted: #64748b;
    --pacioli-text-heading: #333333;
    --pacioli-text-label: #374151;

    /* ── Borders ── */
    --pacioli-border: #e2e8f0;
    --pacioli-border-light: #e5e7eb;
    --pacioli-border-input: #d1d5db;

    /* ── Shadows ── */
    --pacioli-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
    --pacioli-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
    --pacioli-shadow-lg: 0 10px 15px -3px rgba(38, 59, 137, 0.08);
    --pacioli-shadow-card: 0 8px 24px rgba(0, 0, 0, 0.08);

    /* ── Radius ── */
    --pacioli-radius-sm: 8px;
    --pacioli-radius: 10px;
    --pacioli-radius-lg: 12px;
    --pacioli-radius-xl: 16px;
    --pacioli-radius-pill: 50px;

    /* ── Typography ── */
    --pacioli-font-sans: 'Inter', 'Noto Sans', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --pacioli-fs-xs: 0.75rem;     /* 12px */
    --pacioli-fs-sm: 0.8125rem;   /* 13px */
    --pacioli-fs-base: 0.9375rem; /* 15px */
    --pacioli-fs-md: 1rem;        /* 16px */
    --pacioli-fs-lg: 1.05rem;     /* ~17px */
    --pacioli-fs-xl: 1.25rem;     /* 20px */
    --pacioli-fs-2xl: 1.75rem;    /* 28px */

    /* ── Spacing ── */
    --pacioli-space-xs: 0.25rem;
    --pacioli-space-sm: 0.5rem;
    --pacioli-space-md: 1rem;
    --pacioli-space-lg: 1.5rem;
    --pacioli-space-xl: 2rem;

    /* ── Z-Index ── */
    --pacioli-z-sidebar: 1001;
    --pacioli-z-topbar: 10;
    --pacioli-z-overlay: 1000;
    --pacioli-z-modal: 1055;
    --pacioli-z-spinner: 1055;

    /* ── Transitions ── */
    --pacioli-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    --pacioli-transition-fast: all 0.15s ease;
    --pacioli-transition-sidebar: all 0.3s ease;

    /* ── Compact UI (Desktop) ── */
    --pacioli-ctl-h: 38px;
    --pacioli-ctl-fs: 0.875rem;
    --pacioli-ctl-rd: 10px;

    /* ── Status Colors ── */
    --pacioli-success-bg: #ecfdf5;
    --pacioli-success-text: #059669;
    --pacioli-danger-bg: #fef2f2;
    --pacioli-danger-text: #dc2626;
    --pacioli-warning-bg: #fff4e6;
    --pacioli-warning-text: #d9480f;
    --pacioli-info-bg: #e0f2fe;
    --pacioli-info-text: #0284c7;
}

/* ── Mobile overrides ── */
@media (max-width: 768px) {
    :root {
        --pacioli-ctl-h: 46px;
        --pacioli-ctl-fs: 1rem;
        --pacioli-fs-2xl: 1.4rem;
    }
}