/* TraderzClub design tokens. Every colour, font and radius used on the site comes from here. */
:root {
  /* Light surfaces */
  --color-page: #F7F4EF;
  --color-surface: #FFFFFF;
  --color-border-soft: #E8E3DC;
  --color-border-taupe: #CFC6B8;

  /* Dark / inverse accents (inverse cards and pills only) */
  --color-inverse: #100F0E;
  --color-inverse-2: #171513;
  --color-inverse-3: #1B1917;
  --color-inverse-border: #2E2A25;
  --color-inverse-border-strong: #463F37;

  /* Text */
  --color-heading: #100F0E;
  --color-heading-alt: #151515;
  --color-body: #24201D;
  --color-body-alt: #2A2A2A;
  --color-muted: #978D7F;
  --color-muted-soft: #B8AE9F;
  --color-on-accent: #FFFFFF;
  --color-on-inverse: #FFFFFF;

  /* Accents */
  --color-accent: #FF6A00;
  --color-rose: #C9A57A;
  --color-rose-deep: #A08867;

  /* Type */
  --font-display: "Alexandria", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --tracking-display: -.035em;
  --tracking-label: .16em;

  /* Shape */
  --radius-card: 24px;
  --radius-card-lg: 28px;
  --radius-inner: 16px;
  --radius-pill: 999px;

  /* Elevation */
  --shadow-card: 0 1px 2px rgba(16, 15, 14, .04), 0 12px 32px -18px rgba(16, 15, 14, .18);
  --shadow-pop: 0 30px 70px -24px rgba(16, 15, 14, .4);
  --scrim: rgba(16, 15, 14, .55);
}