:root {
  --bg: #f6f7f4;
  --surface: #ffffff;
  --surface-soft: #edf2ee;
  --surface-dark: #172534;
  --surface-card: rgba(255, 255, 255, 0.86);
  --text: #1b2430;
  --text-muted: #596472;
  --line: rgba(23, 37, 52, 0.12);
  --primary: #20384f;
  --primary-hover: #142638;
  --accent: #8e5f48;
  --accent-soft: #e8ded6;
  --green: #4e7668;
  --gold: #b78a42;
  --danger: #b9554d;
  --shadow: 0 18px 50px rgba(23, 37, 52, 0.09);
  --radius-xl: 18px;
  --radius-lg: 14px;
  --radius-md: 10px;
  --radius-sm: 8px;
  --container: 1220px;
  --transition: 0.25s ease;
}