:root {
  color-scheme: dark;
  --primary-color: #f6c945;
  --secondary-color: #676c73;
  --accent-color: #d99a00;
  --success-color: #e0b83f;
  --text-color: #f4f2ea;
  --muted-color: #c6bdab;
  --button-text-color: #111214;
  --page-bg: #070809;
  --page-bg-alt: #16181d;
  --page-background-image: linear-gradient(135deg, rgba(246,201,69,0.16) 0 1px, transparent 1px 42px), radial-gradient(72% 42% at 82% 2%, rgba(246,201,69,0.18), transparent 56%), linear-gradient(180deg, #070809 0%, #15171b 48%, #090a0c 100%);
  --surface-color: #202226;
  --surface-strong: #2c2f35;
  --surface-background-image: linear-gradient(180deg, #2c2f35 0%, #202226 100%);
  --input-bg: #101114;
  --border-color: rgba(246,201,69,0.42);
  --shadow: 0 24px 60px rgba(0,0,0,0.62);
  --radius: 12px;
  --control-radius: 8px;
  --button-radius: 6px;
  --logo-radius: 10px;
  --nav-bg: #0e0f12;
  --drawer-bg: #0e0f12;
  --tag-bg: rgba(246,201,69,0.16);
  --tag-text: #f6c945;
  --highlight-bg: rgba(246,201,69,0.14);
  --ambient-1: rgba(246,201,69,0.18);
  --ambient-2: rgba(103,108,115,0.24);
  --focus-color: rgba(246,201,69,0.42);
  --surface-blur: 0px;
  --blue: #f6c945;
  --sky: #676c73;
  --red: #d99a00;
  --green: #e0b83f;
  --ink: #f4f2ea;
  --muted: #c6bdab;
  --bg: #070809;
  --card: #202226;
  --line: rgba(246,201,69,0.42);
}