/**
 * PrimeNG Theme - Light Mode / Indigo Color
 *
 * This file imports shared component styles and defines theme-specific CSS variables.
 * Structure: Shared base styles + Theme variables + Color-specific variables
 */

/* === Shared Styles === */
@import url('../../_shared/color-palette.css');
@import url('../../_shared/components-light.css');

/* === Theme Variables === */
:root {
  font-family: "Poppins", sans-serif;
  font-feature-settings: "cv02", "cv03", "cv04", "cv11";
  font-variation-settings: normal;
  --font-family:"Poppins", sans-serif;
  --font-feature-settings: "cv02","cv03","cv04","cv11";
  --surface-a:#ffffff;
  --surface-b:#f9fafb;
  --surface-c:#f3f4f6;
  --surface-d:#e5e7eb;
  --surface-e:#ffffff;
  --surface-f:#ffffff;
  --text-color:#4b5563;
  --text-color-secondary:#6b7280;
  --primary-color-text:#ffffff;
  --surface-0: #ffffff;
  --surface-50: #f9fafb;
  --surface-100: #f3f4f6;
  --surface-200: #e5e7eb;
  --surface-300: #d1d5db;
  --surface-400: #9ca3af;
  --surface-500: #6b7280;
  --surface-600: #4b5563;
  --surface-700: #374151;
  --surface-800: #1f2937;
  --surface-900: #111827;
  --gray-50: #f9fafb;
  --gray-100: #f3f4f6;
  --gray-200: #e5e7eb;
  --gray-300: #d1d5db;
  --gray-400: #9ca3af;
  --gray-500: #6b7280;
  --gray-600: #4b5563;
  --gray-700: #374151;
  --gray-800: #1f2937;
  --gray-900: #111827;
  --content-padding:1.25rem;
  --inline-spacing:0.5rem;
  --border-radius:6px;
  --surface-ground:#f9fafb;
  --surface-section:#ffffff;
  --surface-card:#ffffff;
  --surface-overlay:#ffffff;
  --surface-border:#dfe7ef;
  --surface-hover:#f6f9fc;
  --maskbg: rgba(0, 0, 0, 0.4);
  color-scheme: light;
  --transition-duration: 0.2s;
  --primary-color:#6366f1;
  --focus-ring: 0 0 0 0.2rem #c7d2fe;
  --highlight-bg: #eef2ff;
  --highlight-text-color: #4338ca;
  --primary-50:#f7f7fe;
  --primary-100:#dadafc;
  --primary-200:#bcbdf9;
  --primary-300:#9ea0f6;
  --primary-400:#8183f4;
  --primary-500:#6366f1;
  --primary-600:#5457cd;
  --primary-700:#4547a9;
  --primary-800:#363885;
  --primary-900:#282960;
}
