:root {
  --bg: #0b0a09;
  --bg-soft: #11100e;
  --surface: #171411;
  --surface-light: #1d1915;

  --text: #f7f1ea;
  --muted: #afa49a;
  --subtle: #776e66;

  --orange: #e8893d;
  --orange-light: #f5a15b;
  --orange-dark: #8e4b20;
  --accent-rgb: 232, 137, 61;
  --button-text: #1b1008;
  --cream: #f5d4b1;
  --header-rgb: 11, 10, 9;

  --border: rgba(255, 235, 214, 0.11);
  --border-strong: rgba(255, 235, 214, 0.18);

  --max-width: 1180px;
  --radius: 24px;
  --shadow: 0 30px 100px rgba(0, 0, 0, 0.45);
  --logo-filter: brightness(0) saturate(100%) invert(69%) sepia(58%) saturate(739%) hue-rotate(328deg) brightness(102%) contrast(93%);
}