:root {
  --primary: #0071e3;
  --primary-dark: #005bb5;
  --primary-light: rgb(0 113 227 / 8%);
  --success: #34c759;
  --warning: #ff9500;
  --danger: #ff3b30;
  --bg: #f5f5f7;
  --card-bg: #fff;
  --text: #1d1d1f;
  --text-muted: #86868b;
  --border: rgb(0 0 0 / 10%);
  --radius-xl: 22px;
  --radius-lg: 16px;
  --radius-md: 12px;
  --shadow: 0 8px 30px rgb(0 0 0 / 4%);
  --nav-height: 85px;
  --nav-bg: #ffffff;
}