:root {
  --ink: #0C111B;
  --surface: #151B29;
  --surface-2: #101724;
  --surface-3: #070B13;
  --panel-1: #18202F;
  --panel-2: #0F1622;

  --text: #F3F7FD;
  --muted: #A8B6CC;
  --muted-2: #7286A0;
  --muted-3: #5E6C82;
  --soft: #C9D5E5;
  --breadcrumb: #D4B48D;
  --star-empty: #2A3546;

  --gold: #BD9665;
  --gold-1: #EBD5B4;
  --gold-2: #D4B48D;
  --gold-3: #A57C50;

  --purple: #5B84C4;
  --purple-2: #3E63A4;
  --purple-3: #2C4880;

  --glow-1: rgba(91, 132, 196, 0.38);
  --glow-2: rgba(189, 150, 101, 0.20);

  --btn: #1E2B42;
  --btn-hover: #2A3A57;
  --btn-shadow: rgba(62, 99, 164, 0.38);
  --gold-shadow: rgba(189, 150, 101, 0.30);

  --green: #34D399;

  --font-sans: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

  --radius-card: 12px;
  --radius-xl: 18px;
  --radius-pill: 999px;

  --border: rgba(233, 214, 186, 0.09);
  --border-strong: rgba(233, 214, 186, 0.16);

  --table-border: rgba(233, 214, 186, 0.10);
  --table-head: #1A2231;
  --table-head-text: #D4B48D;
  --table-row: transparent;
  --table-stripe: rgba(255, 255, 255, 0.035);
  --table-hover: rgba(91, 132, 196, 0.10);
  --table-scrollbar: rgba(255, 255, 255, 0.22);
}