@import url("../vendor/fontawesome/css/fontawesome.min.css");
@import url("../vendor/fontawesome/css/solid.min.css");
@import url("../vendor/fontawesome/css/brands.min.css");

:root {
  --color-primary: #a4263a;
  --color-primary-hover: #842034;
  --color-primary-dark: #252a31;
  --color-primary-soft: #f0f2f4;
  --color-accent: #bc3f53;
  --color-accent-soft: #f5f1f2;
  --color-breaking: #b51f34;
  --color-background: #f3f5f7;
  --color-surface: #ffffff;
  --color-text: #23272d;
  --color-muted: #69727c;
  --color-border: #dfe4e8;
  --color-success: #287a57;
  --font-body: "IRANSansX", Tahoma, Arial, sans-serif;
  --container: 1240px;
  --content: 780px;
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 26px;
  --shadow-sm: 0 8px 28px rgba(34, 42, 50, .07);
  --shadow-md: 0 20px 54px rgba(34, 42, 50, .12);
  --transition: 220ms cubic-bezier(.2,.75,.3,1);
}