:root {
  --bg: #f1f2f3;
  --white: #ffffff;
  --ink: #0d4f6a;
  --ink-soft: #36687a;
  --teal: #18a7b8;
  --teal-dark: #0a6f7b;
  --teal-deep: #0b5a72;
  --line: #cfe1e6;
  --purple: #7a68be;
  --gold: #e7b14e;
  --danger: #ef5348;
  --shadow: 0 12px 30px rgba(8, 72, 96, 0.14);
  --radius-pill: 999px;
  --radius-lg: 20px;
  --radius-md: 14px;
  --container: min(1220px, calc(100% - 2rem));
}

* {
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  direction: rtl;
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
}

.container {
  width: min(1220px, 92%);
  margin-left: auto !important;
  margin-right: auto !important;
  position: relative;
}