:root {
  --shadow-card: 0 4px 24px rgba(0, 0, 0, 0.14);
  --shadow-float: 0 20px 60px rgba(0, 0, 0, 0.30);
  --transition: 0.22s cubic-bezier(0.4, 0, 0.2, 1);

  --gold: #C9A84C;
  --gold-light: #E8C96A;
  --gold-dark: #8B6914;
  --border-gold: rgba(139, 105, 20, 0.28);
  --bg-mid: #EAECF1;
  --bg: #F4F5F8;
}


[data-brx-theme="dark"] {
  --bg-mid: #111F2E !important;
  --bg: #0C1A27;
}