/**
 * Design Tokens - Antigravity Modern Enterprise Theme
 * Official Palette: Image 2 (Royal Indigo & Soft Sky)
 * Selected for Shriniwas & Multi-Tenant Clone Projects
 */

:root {
  /* ========================================================================
     PRIMARY PALETTE (Image 2)
     ======================================================================== */
  --brand-primary: #4B49AC;         /* Deep Royal Indigo */
  --brand-primary-hover: #3c3a91;   /* Darker Indigo for Hover */
  --brand-primary-light: #f0f4ff;   /* Softest Tint for Backdrops */
  --brand-primary-subtle: #98BDFF;  /* Soft Sky / Lavender Blue */
  --brand-primary-border: #c7d8fe;  /* Clean Border Tone */
  --brand-primary-shadow: rgba(75, 73, 172, 0.22);

  /* ========================================================================
     SUPPORTING & ACCENT COLORS (Image 2)
     ======================================================================== */
  --accent-sky: #98BDFF;            /* Soft Sky Blue */
  --accent-cornflower: #7DA0FA;     /* Cornflower Blue */
  --accent-iris: #7978E9;           /* Medium Iris Purple */
  --accent-coral: #F3797E;          /* Coral / Soft Salmon Red */

  /* Semantic State Colors */
  --success: #10B981;
  --success-hover: #059669;
  --success-light: #ecfdf5;
  --success-text: #065f46;
  --success-border: #a7f3d0;

  --warning: #F59E0B;
  --warning-hover: #d97706;
  --warning-light: #fffbeb;
  --warning-text: #92400e;
  --warning-border: #fde68a;

  --danger: #F3797E;                /* Using Image 2 Coral */
  --danger-hover: #e56268;
  --danger-light: #fff1f2;
  --danger-text: #be123c;
  --danger-border: #fecdd3;

  --info: #7DA0FA;                  /* Using Image 2 Cornflower */
  --info-hover: #5b84f5;
  --info-light: #eff6ff;
  --info-text: #1d4ed8;
  --info-border: #bfdbfe;

  /* ========================================================================
     NEUTRALS & SLATE SCALE
     ======================================================================== */
  --slate-50: #f8fafc;
  --slate-100: #f1f5f9;
  --slate-200: #e2e8f0;
  --slate-300: #cbd5e1;
  --slate-400: #94a3b8;
  --slate-500: #64748b;
  --slate-600: #475569;
  --slate-700: #334155;
  --slate-800: #1e293b;
  --slate-900: #0f172a;

  /* Surfaces & Backgrounds */
  --bg-body: #f4f7fc;               /* Clean corporate tinted light background */
  --bg-sidebar: #ffffff;            /* Modern Clean White Sidebar */
  --bg-sidebar-hover: #f1f5f9;      /* Light Slate Tint on Hover */
  --bg-sidebar-active: #4B49AC;     /* Royal Indigo for Active Items */
  --bg-topbar: #ffffff;
  --surface-card: #ffffff;
  --surface-card-hover: #ffffff;
  --surface-muted: #f8fafc;
  --surface-subtle: #f1f5f9;

  /* Typography Colors */
  --text-main: #1f2937;
  --text-secondary: #4b5563;
  --text-muted: #6b7280;
  --text-light: #9ca3af;
  --text-inverse: #ffffff;
  --text-sidebar: #334155;          /* Highly legible dark slate on white */
  --text-sidebar-hover: #4B49AC;    /* Royal Indigo on hover */

  /* Borders */
  --border-subtle: #f1f5f9;
  --border-default: #e5e9f2;
  --border-strong: #d1d5db;
  --border-focus: #4B49AC;

  /* Soft Layered Shadows */
  --shadow-xs: 0 1px 2px 0 rgba(15, 23, 42, 0.04);
  --shadow-sm: 0 2px 4px 0 rgba(75, 73, 172, 0.04), 0 1px 2px 0 rgba(15, 23, 42, 0.03);
  --shadow-md: 0 4px 14px -1px rgba(75, 73, 172, 0.07), 0 2px 6px -1px rgba(15, 23, 42, 0.03);
  --shadow-lg: 0 10px 25px -3px rgba(75, 73, 172, 0.1), 0 4px 8px -2px rgba(15, 23, 42, 0.03);
  --shadow-float: 0 14px 34px rgba(75, 73, 172, 0.12);

  /* Border Radii */
  --radius-xs: 4px;
  --radius-sm: 7px;
  --radius-md: 11px;
  --radius-lg: 15px;
  --radius-pill: 9999px;

  /* Typography Stack */
  --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, Menlo, Monaco, Consolas, monospace;

  /* Transitions */
  --transition-fast: 0.15s ease;
  --transition-normal: 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}