/* Premium Design System Variables & Tokens (Natural Luxury Aesthetic) */
:root {
  /* Fonts Setup */
  --font-display: 'Playfair Display', Georgia, Cambria, "Times New Roman", Times, serif;
  --font-sans: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 18px;
  --radius-full: 9999px;

  --transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 0.4s cubic-bezier(0.4, 0, 0.2, 1);

  /* Primary Brand - Deep Forest Green */
  --primary-h: 165;
  --primary-s: 66%;
  --primary-l: 14%;
  --primary: #0C3B2E;
  --primary-hover: #07251d;
  --primary-light: rgba(12, 59, 46, 0.06);
  
  /* Redesign Natural Accents */
  --sage-green: #6D9773;
  --sage-green-hover: #587f5e;
  --sage-green-light: rgba(109, 151, 115, 0.1);
  
  --tan-sand: #BB8A52;
  --tan-sand-hover: #a47642;
  --tan-sand-light: rgba(187, 138, 82, 0.1);
  
  --gold-yellow: #FFBA00;
  --gold-yellow-light: rgba(255, 186, 0, 0.1);

  /* Semantic Colors mappings desaturated for premium feel */
  --success: #6D9773; /* Sage */
  --success-light: rgba(109, 151, 115, 0.1);
  --warning: #BB8A52; /* Tan */
  --warning-light: rgba(187, 138, 82, 0.1);
  --error: #c25953; /* desaturated brick red */
  --error-light: rgba(194, 89, 83, 0.1);
  
  /* Sidebar & Layout Dimensions */
  --sidebar-width: 260px;
  --max-content-width: 1000px; /* narrowed for more spacious centered alignment */
}

/* Light Theme (Cream Background) */
:root, [data-theme="light"] {
  --bg-app: #F4F5EF; /* Soft Warm Cream */
  --bg-card: #FFFFFF; /* Soft Clean White Card */
  --bg-sidebar: #0C3B2E; /* Deep Forest Green for high-end contrast */
  --bg-hover: #F1F2EA; /* Slightly darker cream for lists hovers */
  --bg-active: #E6E7DF;
  
  --text-main: #0C3B2E; /* Forest Green Text */
  --text-muted: #647568; /* Desaturated green-gray */
  --text-inverse: #FFFFFF;
  
  --border-color: rgba(12, 59, 46, 0.08); /* Natural forest green alpha border */
  --border-focus: rgba(12, 59, 46, 0.18);
  
  --shadow-sm: 0 1px 3px 0 rgba(12, 59, 46, 0.02);
  --shadow-md: 0 4px 20px -2px rgba(12, 59, 46, 0.03), 0 2px 8px -2px rgba(12, 59, 46, 0.02);
  --shadow-lg: 0 10px 30px -5px rgba(12, 59, 46, 0.04), 0 4px 12px -4px rgba(12, 59, 46, 0.03);
  --shadow-xl: 0 20px 40px -10px rgba(12, 59, 46, 0.06), 0 10px 20px -5px rgba(12, 59, 46, 0.04);
}

/* Dark Theme (Intentionally Designed Organic Dark Mode) */
[data-theme="dark"] {
  --primary: #6D9773; /* Sage green as primary accent in dark mode */
  --primary-hover: #8EAC95;
  --primary-light: rgba(109, 151, 115, 0.15);

  --bg-app: #081B15; /* Extremely dark forest green */
  --bg-card: #0E2920; /* Slightly lighter deep forest green card background */
  --bg-sidebar: #05120E; /* Darkest forest shadow */
  --bg-hover: #14352b;
  --bg-active: #1c4538;
  
  --text-main: #F4F5EF; /* Cream text */
  --text-muted: #8EAC95; /* Muted soft sage */
  --text-inverse: #0C3B2E;
  
  --border-color: rgba(244, 245, 239, 0.09); /* Cream alpha border */
  --border-focus: rgba(244, 245, 239, 0.2);

  --success: #8EAC95;
  --success-light: rgba(142, 172, 149, 0.15);
  --warning: #BB8A52;
  --warning-light: rgba(187, 138, 82, 0.15);
  --error: #e07f79;
  --error-light: rgba(224, 127, 121, 0.15);

  --shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 20px -2px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 10px 30px -5px rgba(0, 0, 0, 0.5);
  --shadow-xl: 0 20px 40px -10px rgba(0, 0, 0, 0.6);
}