/* ============================================================================
   Admin V2 — Design Tokens (ala Shadcn di atas Bootstrap 5)
   ============================================================================ */

:root {
  /* Neutral surface & text */
  --v2-background: #ffffff;
  --v2-foreground: #0a0a0a;
  --v2-card: #ffffff;
  --v2-card-foreground: #0a0a0a;
  --v2-muted: #f4f4f5;
  --v2-muted-foreground: #71717a;
  --v2-border: #e4e4e7;
  --v2-input: #e4e4e7;
  --v2-ring: #18181b;

  /* Brand / primary */
  --v2-primary: #4f46e5;
  --v2-primary-foreground: #ffffff;
  --v2-primary-soft: #eef2ff;

  /* Status & soft badges */
  --v2-success: #16a34a;
  --v2-success-soft: #dcfce7;
  --v2-warning: #d97706;
  --v2-warning-soft: #fef3c7;
  --v2-destructive: #dc2626;
  --v2-destructive-soft: #fee2e2;
  --v2-info: #0ea5e9;
  --v2-info-soft: #e0f2fe;
  --v2-secondary: #475569;
  --v2-secondary-soft: #f1f5f9;

  /* Radius & Shadows */
  --v2-radius: 0.75rem;
  --v2-radius-sm: 0.5rem;
  --v2-radius-lg: 1rem;
  --v2-radius-pill: 999px;

  --v2-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --v2-shadow-md: 0 4px 12px -2px rgb(0 0 0 / 0.08);
  --v2-shadow-lg: 0 12px 32px -8px rgb(0 0 0 / 0.12);

  /* Layout dimensions */
  --v2-sidebar-w: 260px;
  --v2-sidebar-collapsed-w: 72px;
  --v2-topbar-h: 64px;

  /* Tipografi */
  --v2-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}