/* ============================================================
   CAP-K Design System — CSS Custom Properties
   Clean Alliance Party of Kenya
   ============================================================ */

:root {
  /* Brand Colors */
  --capk-green:        #1a7a4a;
  --capk-green-dark:   #145e38;
  --capk-green-light:  #e8f5ee;
  --capk-gold:         #c9a227;
  --capk-gold-light:   #fdf6e3;
  --capk-red:          #c0392b;
  --capk-red-light:    #fdecea;

  /* Neutral Palette */
  --gray-50:   #f8fafc;
  --gray-100:  #f1f5f9;
  --gray-200:  #e2e8f0;
  --gray-300:  #cbd5e1;
  --gray-400:  #94a3b8;
  --gray-500:  #64748b;
  --gray-600:  #475569;
  --gray-700:  #334155;
  --gray-800:  #1e293b;
  --gray-900:  #0f172a;

  /* Semantic Colors */
  --color-primary:     var(--capk-green);
  --color-primary-dk:  var(--capk-green-dark);
  --color-primary-lt:  var(--capk-green-light);
  --color-accent:      var(--capk-gold);
  --color-secondary:    #6366f1;
  --color-tertiary:     #0ea5e9;
  --color-quaternary:   #f59e0b;
  --color-danger:      #dc3545;
  --color-warning:     #ffc107;
  --color-success:     #198754;
  --color-info:        #0dcaf0;
  --color-text-inverse: #ffffff;
  --color-text-primary: #212529;
  --color-text-muted:  #64748b;

  /* Typography */
  --font-sans:   'Inter', system-ui, -apple-system, sans-serif;
  --font-mono:   'JetBrains Mono', 'Fira Code', monospace;
  --text-xs:     0.75rem;
  --text-sm:     0.875rem;
  --text-base:   1rem;
  --text-lg:     1.125rem;
  --text-xl:     1.25rem;
  --text-2xl:    1.5rem;
  --text-3xl:    1.875rem;
  --text-4xl:    2.25rem;

  /* Spacing */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.25rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;

  /* Layout */
  --sidebar-width:        260px;
  --sidebar-collapsed:    70px;
  --header-height:        64px;
  --content-max-width:    1400px;

  /* Borders */
  --radius-sm:   0.25rem;
  --radius-md:   0.5rem;
  --radius-lg:   0.75rem;
  --radius-xl:   1rem;
  --radius-2xl:  1.5rem;
  --radius-full: 9999px;
  --border-color: var(--gray-200);

  /* Shadows */
  --shadow-xs:  0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-sm:  0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --shadow-md:  0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --shadow-lg:  0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --shadow-xl:  0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);

  /* Transitions */
  --transition-fast:   150ms ease;
  --transition-base:   250ms ease;
  --transition-slow:   400ms ease;

  /* Z-index */
  --z-dropdown:  1000;
  --z-sticky:    1020;
  --z-fixed:     1030;
  --z-modal-bg:  1040;
  --z-modal:     1050;
  --z-popover:   1060;
  --z-tooltip:   1070;
}

/* ── Bootstrap 5.3 theme bridge (Tailwind-like defaults via utilities) ── */
[data-bs-theme="light"] {
  --bs-primary: #1a7a4a;
  --bs-primary-rgb: 26, 122, 74;
  --bs-link-color: #1a7a4a;
  --bs-link-hover-color: #145e38;
  --bs-focus-ring-color: rgba(26, 122, 74, 0.35);
  --bs-font-sans-serif: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-bg: #f8fafc;
  --bs-body-color: #1e293b;
  --bs-secondary-color: #64748b;
  --bs-tertiary-color: #94a3b8;
  --bs-emphasis-color: #0f172a;
  --bs-border-color: #e2e8f0;
  --bs-border-radius: 0.5rem;
  --bs-border-radius-sm: 0.375rem;
  --bs-border-radius-lg: 0.75rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-2xl: 1.25rem;
  --bs-box-shadow-sm: 0 1px 2px 0 rgb(15 23 42 / 0.05);
  --bs-box-shadow: 0 1px 3px 0 rgb(15 23 42 / 0.08), 0 1px 2px -1px rgb(15 23 42 / 0.08);
  --bs-box-shadow-lg: 0 10px 15px -3px rgb(15 23 42 / 0.08), 0 4px 6px -4px rgb(15 23 42 / 0.08);
}