:root {
  --card-width: 390px; /* یا 428px */
  --radius-xl: 20px;
  --brand: #2d7ef7;
  --brand-dark: #2468c9;
  --muted: #8a94a6;
  --field-bg: #f2f4f7;
  --app-bg:#f3f6fb;
  --header-start:#6aa9ff;
  --header-end:#87B6EB;
  --header-start-pink:#ffb5e8;
  --header-end-pink:#e494cb;
  --header-start-purple:#767ABE;
  --header-end-purple:#9a99e5;
  --card-bg:#ffffff;
  --muted:#8b98a7;
  --accent:#429ddd;
  --pill:#ffe9a9;
  --pill-text:#9c6c00;
  --nav-active:#429ddd;
  --nav-active-pink:#A17FA7;
}