/* variables.css -- Brand colors, fonts, spacing, and CSS custom properties (Chase/WF banking style) */

*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  /* Brand — banking fintech palette */
  --brand-primary: #0A3D91;
  --brand-primary-light: #1565C0;
  --brand-accent: #D71E28;
  --brand-accent-light: #E53935;
  --brand-gold: #FFCD41;

  /* Surfaces */
  --bg: #F4F6F9;
  --card: #FFFFFF;
  --border: #DEE3EA;

  /* Text */
  --text: #1C2026;
  --text-secondary: #5A6370;
  --text-muted: #8C939E;

  /* Semantic */
  --success: #0D8548;
  --success-bg: #E6F4ED;
  --warning: #B8860B;
  --warning-bg: #FFF8E1;
  --danger: #D71E28;
  --danger-bg: #FDEAEA;
  --info-bg: #E3EDF7;
}

body {
  background: var(--bg);
  color: var(--text);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  min-height: 100vh;
}