:root {
  --font-display: "Jost", "Segoe UI", sans-serif;
  --font-body: "Roboto", "Segoe UI", sans-serif;

  --bg-app: #0b1014;
  --bg-panel: #131a20;
  --bg-panel-2: #1a232b;
  --bg-panel-3: #202b34;
  --bg-elevated: #273541;
  --bg-input: #0f161b;

  --text-primary: #eef4f1;
  --text-secondary: #a5b2bc;
  --text-muted: #73828c;

  --border-subtle: #24313b;
  --border-strong: #344553;

  --brand: #44db77;
  --brand-deep: #1f9d49;
  --info: #2f95ff;
  --warning: #f0ad4e;
  --danger: #ef5350;

  --sell: #44db77;
  --buy: #ef5350;
  --order: #2f95ff;

  --text-on-brand: #07110b;
  --text-on-accent: #ffffff;
  --text-on-warning: #241201;

  --shadow-soft: 0 18px 40px rgba(0, 0, 0, 0.28);
  --shadow-card: 0 10px 24px rgba(0, 0, 0, 0.22);

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;

  --space-1: 0.35rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-7: 2rem;

  --container-width: 1560px;
  --control-height: 2.85rem;
  --breakpoint-layout: 1200px;
}