/* public/css/styles.css */
/* This is the complete CSS file, extracted and expanded from previous styles */

:root {
  --primary-rgb: 74, 144, 226;
  --primary: rgb(var(--primary-rgb));
  --secondary-rgb: 80, 200, 120;
  --secondary: rgb(var(--secondary-rgb));
  --dark: #333;
  --light: #f4f4f4;
  --dark-blue: #001F3F;
  --font-family: 'Vazirmatn', sans-serif;
  --font-size-base: 16px;
  --font-size-large: 24px;
  --font-size-small: 14px;
}

body {
  font-size: var(--font-size-base);
  background: var(--light);
  color: var(--dark);
  margin: 0;
  padding: 0;
  direction: rtl;
  text-align: justify;
  overflow-x: hidden;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: var(--font-family);
}
a {
  text-decoration: none;
  color: var(--primary);
  transition: color 0.3s;
}

a:hover {
  color: var(--secondary);
}