:root {
  --red-900: #5C0000;
  --red-800: #7A0000;
  --red-700: #96131C;
  --red-600: #B3121C;
  --red-500: #D1252D;
  --red-100: #FBE3E3;
  --red-50: #FFF6F6;
  --white: #FFFFFF;
  --ink: #241315;
  --ink-soft: #4A3A3C;
  --muted: #8A797B;
  --border: #F0E1E1;
  --green: #1E8E5A;
  --green-bg: #E9F7EF;
  --blue: #2266D1;
  --blue-bg: #EAF1FD;
  --amber: #B6790A;
  --amber-bg: #FBF1DF;
  --red-status: #C23A2E;
  --red-status-bg: #FBEAE7;
  --text-dark: #1a1a2e;
  --text-mid: #3d4a5c;
  --text-light: #6b7a90;
  --text-pale: #9aa3b0;
  --success: #2d8a5e;
  --danger: #c0392b;
  --sidebar-w: 252px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 20px;
  --header-h: 76px;
  --shadow-sm: 0 2px 12px rgba(10, 22, 40, 0.08);
  --shadow-md: 0 8px 32px rgba(10, 22, 40, 0.12);
  --shadow-lg: 0 20px 60px rgba(10, 22, 40, 0.18);
  --shadow-gold: 0 4px 24px rgba(201, 168, 106, 0.25);
}

* {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
}

body {
  font-family: 'Inter', sans-serif;
  color: var(--ink);
  margin: 0;
  -webkit-font-smoothing: antialiased;
  background: var(--red-50);
}

h1,
h2,
h3,
.font-display {
  font-family: 'Poppins', sans-serif;
}

a {
  text-decoration: none;
}