/* =========================
   DESIGN TOKENS
========================= */

:root {

  /* Colors */
  --bg-primary: #000000;
  --bg-card: #111111;

  --text-primary: #ffffff;
  --text-secondary: #999999;
  --text-muted: #777777;

  --border-primary: #444444;
  --border-secondary: #666666;

  --accent-primary: #eb0028;
  --danger: #eb0028;


  /* Radius */
  --radius-sm: 6px;
  --radius-md: 12px;


  /* Spacing */
  --padding-screen: 24px;


  /* Typography */
  --font-main: "Lexend", sans-serif;

  --text-sm: 14px;
  --text-md: 16px;
  --text-lg: 22px;


  /* Container */
  --app-max-width: 430px;
}