/* Shared design tokens — MyPropFirm Tracker dark/green theme.
   Used by the landing page and the login/membership page restyle,
   kept in sync with assets/css/dashboard.css's :root block. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  --bg: #0a0a0b;
  --bg1: #111113;
  --bg2: #17171a;
  --bg3: #1c1c20;
  --bg4: #242429;
  --border: #232327;
  --border2: #2e2e34;
  --gold: #2e8b57;
  --gold2: #4fb07f;
  --gold-dim: rgba(46,139,87,0.14);
  --gold-dim2: rgba(46,139,87,0.07);
  --green: #34d399;
  --green-dim: rgba(52,211,153,0.12);
  --red: #f0576a;
  --red-dim: rgba(240,87,106,0.12);
  --amber: #f5a545;
  --amber-dim: rgba(245,165,69,0.12);
  --blue: #6fa8ef;
  --text: #f2f1ee;
  --text2: #9c9ca3;
  --text3: #616168;
  --radius: 10px;
  --radius2: 14px;
  --shadow: 0 1px 2px rgba(0,0,0,0.3), 0 8px 24px -12px rgba(0,0,0,0.5);
}