:root {
  /* Background colors */
  --bg-primary: #282c38;
  --bg-secondary: #0e0f12;
  --bg-card: #2a2a38;
  --bg-list-item: #0e0f12;
  --bg-tabbar: rgba(0, 0, 0, 0.9);

  /* Text colors */
  --text-primary: #fff;
  --text-secondary: #9fa6b5;
  --text-muted: #747883;

  /* Accent colors */
  --accent-gold: rgb(200, 179, 89);
  --accent-gold-light: rgb(240, 201, 71);

  /* Status colors */
  --color-up: #1f7647;
  --color-down: #ea3131;
  --color-down-alt: #cd4444;

  /* Spacing */
  --page-padding: 15px;
  --nav-height: 55px;
  --tabbar-height: 45px;

  /* Font sizes */
  --font-xs: 11px;
  --font-sm: 12px;
  --font-base: 13px;
  --font-md: 14px;
  --font-lg: 16px;
  --font-xl: 18px;
  --font-2xl: 20px;
  --font-3xl: 32px;

  /* Border radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --radius-pill: 100px;
}