/* ============================================================
   Shared design tokens — design-tokens.css
   The --db-* custom properties used across admin pages (colors,
   radius, shadows). Loaded globally via layouts/admin.blade.php.
   Split out of dashboard.css so pages can share the token scale
   without also pulling in dashboard-only component styles
   (.stat-card etc., which already exist separately for other pages).
   ============================================================ */

:root {
    --db-bg: #f8fafc;
    --db-surface: #ffffff;
    --db-border: #e5e9f0;
    --db-border-strong: #d8dce4;
    --db-text: #101828;
    --db-text-secondary: #667085;
    --db-text-muted: #98a2b3;

    --db-primary: #0161c4;
    --db-primary-dark: #013d96;
    --db-primary-soft: #eaf3ff;

    --db-success: #16a34a;
    --db-success-dark: #15803d;
    --db-success-soft: #ecfdf3;
    --db-warning: #b45309;
    --db-warning-dark: #92400e;
    --db-warning-soft: #fffaeb;
    --db-danger: #dc2626;
    --db-danger-dark: #9c1c1c;
    --db-danger-soft: #fef3f2;
    --db-info: #0891b2;
    --db-info-dark: #0e7490;
    --db-info-soft: #ecfeff;
    --db-purple: #7c3aed;
    --db-purple-dark: #4c1d95;
    --db-purple-soft: #f5f3ff;
    --db-teal: #0d9488;
    --db-teal-dark: #0f766e;
    --db-teal-soft: #f0fdfa;
    --db-orange: #ea580c;
    --db-orange-dark: #9a3412;
    --db-orange-soft: #fff7ed;
    --db-pink: #db2777;
    --db-pink-dark: #9d174d;
    --db-pink-soft: #fdf2f8;

    --db-radius: 12px;
    --db-radius-lg: 14px;
    --db-radius-sm: 8px;
    --db-shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.06);
    --db-shadow-md: 0 4px 12px rgba(16, 24, 40, 0.08);
    --db-shadow-lg: 0 10px 24px rgba(16, 24, 40, 0.12);
}