@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Playfair+Display:wght@600;700&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  --primary: #a8312a;
  --primary-light: #c75a4d;
  --primary-dark: #7e2018;
  --secondary: #435964;
  --secondary-light: #6c8f9e;
  --secondary-dark: #2d3f48;
  --hot: #a8312a;
  --warm: #f5a623;
  --cold: #6c8f9e;
  --success: #27ae60;
  --danger: #e74c3c;
  --warning: #f39c12;
  --info: #2980b9;
  --bg: #f0f4f7;
  --surface: #ffffff;
  --surface-alt: #f8fafc;
  --surface-hover: #f0f4f8;
  --border: #dde3e8;
  --border-light: #edf0f3;
  --text: #1a2332;
  --text-muted: #6b7a8d;
  --text-light: #9aa5b4;
  --sidebar-bg: #1e2c38;
  --sidebar-text: #c8d8e4;
  --sidebar-muted: #7a9aab;
  --sidebar-active-bg: rgba(168, 49, 42, 0.15);
  --sidebar-active-text: #a8312a;
  --sidebar-width: 260px;
  --sidebar-collapsed: 68px;
  --header-height: 60px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;
  --shadow-xs: 0 1px 3px rgba(0, 0, 0, .06);
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);
  --shadow-md: 0 4px 20px rgba(0, 0, 0, .10);
  --shadow-lg: 0 8px 40px rgba(0, 0, 0, .14);
  --shadow-primary: 0 4px 20px rgba(168, 49, 42, .3);
  --transition: .18s ease;
  --transition-slow: .36s ease;
  --font-body: 'DM Sans', sans-serif;
  --font-display: 'Playfair Display', serif;
  --font-mono: 'JetBrains Mono', monospace;
}

:root {
  --primary: #2980b9;
  --primary-light: #5aa3d4;
  --primary-dark: #1f6293;
  --secondary: #435964;
  --secondary-light: #6c8f9e;
  --secondary-dark: #2d3f48;
  --hot: #eb543f;
  --warm: #f5a623;
  --cold: #2980b9;
  --success: #27ae60;
  --danger: #e74c3c;
  --warning: #f39c12;
  --info: #2980b9;
  --bg: #f0f4f7;
  --surface: #ffffff;
  --surface-alt: #f8fafc;
  --surface-hover: #f0f4f8;
  --border: #dde3e8;
  --border-light: #edf0f3;
  --text: #1a2332;
  --text-muted: #6b7a8d;
  --text-light: #9aa5b4;
  --sidebar-bg: #1e2c38;
  --sidebar-text: #c8d8e4;
  --sidebar-muted: #7a9aab;
  --sidebar-active-bg: rgba(41, 128, 185, 0.15);
  --sidebar-active-text: #2980b9;
  --sidebar-width: 260px;
  --sidebar-collapsed: 68px;
  --header-height: 60px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;
  --shadow-xs: 0 1px 3px rgba(0, 0, 0, .06);
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);
  --shadow-md: 0 4px 20px rgba(0, 0, 0, .10);
  --shadow-lg: 0 8px 40px rgba(0, 0, 0, .14);
  --shadow-primary: 0 4px 20px rgba(41, 128, 185, .3);
  --transition: .18s ease;
  --transition-slow: .36s ease;
  --font-body: 'DM Sans', sans-serif;
  --font-display: 'Playfair Display', serif;
  --font-mono: 'JetBrains Mono', monospace;
}


/* :root {
  --primary: #eb543f;
  --primary-light: #f07a69;
  --primary-dark: #c73d2b;
  --secondary: #435964;
  --secondary-light: #6c8f9e;
  --secondary-dark: #2d3f48;
  --hot: #eb543f;
  --warm: #f5a623;
  --cold: #6c8f9e;
  --success: #27ae60;
  --danger: #e74c3c;
  --warning: #f39c12;
  --info: #2980b9;
  --bg: #f0f4f7;
  --surface: #ffffff;
  --surface-alt: #f8fafc;
  --surface-hover: #f0f4f8;
  --border: #dde3e8;
  --border-light: #edf0f3;
  --text: #1a2332;
  --text-muted: #6b7a8d;
  --text-light: #9aa5b4;
  --sidebar-bg: #1e2c38;
  --sidebar-text: #c8d8e4;
  --sidebar-muted: #7a9aab;
  --sidebar-active-bg: rgba(235, 84, 63, 0.15);
  --sidebar-active-text: #eb543f;
  --sidebar-width: 260px;
  --sidebar-collapsed: 68px;
  --header-height: 60px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;
  --shadow-xs: 0 1px 3px rgba(0, 0, 0, .06);
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);
  --shadow-md: 0 4px 20px rgba(0, 0, 0, .10);
  --shadow-lg: 0 8px 40px rgba(0, 0, 0, .14);
  --shadow-primary: 0 4px 20px rgba(235, 84, 63, .3);
  --transition: .18s ease;
  --transition-slow: .36s ease;
  --font-body: 'DM Sans', sans-serif;
  --font-display: 'Playfair Display', serif;
  --font-mono: 'JetBrains Mono', monospace;
} */

[data-theme="dark"] {
  --bg: #111a22;
  --surface: #1a2533;
  --surface-alt: #212f40;
  --surface-hover: #253040;
  --border: #2a3a4a;
  --border-light: #243040;
  --text: #e2eaf2;
  --text-muted: #8aa4b8;
  --text-light: #5a7a90;
  --sidebar-bg: #0e1820;
  --sidebar-text: #c0d4e0;
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);
  --shadow-md: 0 4px 20px rgba(0, 0, 0, .35);
}