@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root {
  --bg: #1f0f11;
  --surface: #2b1518;
  --surface2: #3a1c20;
  --border: #553033;
  --text: #e4e6eb;
  --text2: #a0a9bb;
  --primary: #9D2E34;
  --primary-dark: #7d2328;
  --primary-dim: rgba(157, 46, 52, 0.2);
  --secondary: #FFFAC2;
  --secondary-dim: rgba(255, 250, 194, 0.2);
  --success: #10b981;
  --success-dim: rgba(16, 185, 129, 0.15);
  --danger: #ef4444;
  --danger-dim: rgba(239, 68, 68, 0.15);
  --warning: #f59e0b;
  --warning-dim: rgba(245, 158, 11, 0.15);
  --info: #8b5cf6;
  --info-dim: rgba(139, 92, 246, 0.15);

  --brand-primary: var(--primary);
  --brand-primary-dark: var(--primary-dark);
  --brand-secondary: var(--secondary);
}