/**
 * Reelender Design Tokens
 * Blue palette, forest green accent, premium fintech
 */
:root {
  --sidebar-width: 240px;
  --topbar-height: 68px;
  --content-padding: 24px;

  --bg-main: #0a1a29;
  --bg-card: #0f2840;
  --bg-card-elevated: #10263d;
  --bg-sidebar: #091a2a;
  --bg-input: #071521;

  --accent-primary: #228B22;
  --accent-secondary: #2e9d2e;

  --text-primary: #FFFFFF;
  --text-secondary: #B0B3B8;
  --text-muted: #6B6F76;

  --success: #22C55E;
  --danger: #EF4444;

  --border-subtle: rgba(31, 74, 85, 0.6);
  --border-strong: #1f4a55;
  --border-sidebar: #233b59;

  --font-family: "SF Pro", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --weight-heading: 600;
  --weight-body: 400;
  --weight-numeric: 500;
  --size-h1: 24px;
  --size-h2: 20px;
  --size-h3: 16px;
  --size-body: 14px;
  --size-caption: 12px;

  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-pill: 999px;
  --card-shadow: 0 20px 40px rgba(0, 0, 0, 0.25);
  --card-radius: 16px;
}