/* src/stylesheet/styles.css */

/* Базовые цвета и стили */
:root {
  --radius: 0.25rem;
  --secondary: #E11D48;
  --background: #FFFFFF;
  --input: #E2E8F0;
  --ring: #004A99;
  --card: #F8FAFC;
  --primary: #004A99;
  --foreground: #0F172A;
  --border: #E2E8F0;
  --radius-sm: calc(var(--radius) - 4px);
  --radius-md: calc(var(--radius) - 2px);
  --radius-lg: var(--radius);
  --font-family-sans: sans-serif;
  --font-family-heading: serif;
}

body {
  background-color: var(--background);
  color: var(--foreground);
  font-family: var(--font-family-sans);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-family-heading);
}

/* Пример использования радиусов */
.button {
  border-radius: var(--radius-lg);
}

/* Пример использования цветов */
.button--primary {
  background-color: var(--primary);
  color: var(--foreground);
}

.button--secondary {
  background-color: var(--secondary);
  color: var(--foreground);
}

/* Пример использования цветов для карточек */
.card {
  background-color: var(--card);
  color: var(--foreground);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
}

/* Пример использования цветов для полей ввода */
.input {
  background-color: var(--input);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
}