/* Design System Variables - Shadcn Inspired */
/* Color Palette Configuration */

:root {
  /* Color Palette */
  --background: #fefee3;
  --primary: #4c956c;
  --primary-dark: #2c6e49;
  --secondary: #d68c45;
  --accent: #ffc9b9;

  /* Shades and Tints */
  --primary-light: #6bb88a;
  --primary-lighter: #a8d5ba;
  --secondary-light: #e4a366;
  --secondary-dark: #b8763a;

  /* Semantic Colors */
  --foreground: #1a1a1a;
  --muted: #f5f5dc;
  --muted-foreground: #6b7280;
  --border: #d4d4a8;
  --input: #ffffff;
  --ring: #4c956c;

  /* State Colors */
  --success: #4c956c;
  --warning: #d68c45;
  --error: #dc2626;
  --info: #3b82f6;

  /* Card & Surface */
  --card: #ffffff;
  --card-foreground: #1a1a1a;
  --popover: #ffffff;
  --popover-foreground: #1a1a1a;

  /* Typography - NRT Font Family for Kurdish */
  --font-sans: 'NRT', 'Noto Sans Arabic', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  --font-heading: 'NRT', 'Noto Sans Arabic', sans-serif;
  --font-weight-regular: 400;
  --font-weight-bold: 700;

  /* Spacing Scale */
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-2xl: 3rem;

  /* Border Radius */
  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --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 cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 200ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 300ms cubic-bezier(0.4, 0, 0.2, 1);

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

/* Dark mode support (optional) */
[data-theme="dark"] {
  --background: #1a1a1a;
  --foreground: #fefee3;
  --card: #2a2a2a;
  --card-foreground: #fefee3;
  --muted: #374151;
  --muted-foreground: #9ca3af;
  --border: #4b5563;
  --input: #374151;
}