:root {
  --color-primary: #0f172a;
  --color-secondary: #38bdf8;
  --color-accent: #f97316;
  --color-bg: #020617;
  --color-surface: #020617;
  --color-text: #e5e7eb;
  --radius-base: oval;
  --layout-container-width: 1200px;
  --layout-gutter-x: 1.5rem;
  --font-main: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-main);
  background-color: var(--color-bg);
  color: var(--color-text);
}

/* Базовый контейнер, чтобы все страницы были визуально согласованы */
.site-container {
  max-width: var(--layout-container-width);
  margin-inline: auto;
  padding-inline: var(--layout-gutter-x);
}

/* Общие utility-классы, которые ИИ может использовать в Tailwind-окружении */
.site-card {
  border-radius: var(--radius-base);
  background-color: var(--color-surface);
}

/* Кнопки на всякий случай (если модель захочет использовать эти классы) */
.btn-primary-soft {
  border-radius: var(--radius-base);
  background: var(--color-primary);
  color: white;
}

.btn-primary-soft:hover {
  filter: brightness(1.05);
}

/* Минимальная адаптация шапки/футера, если модель захочет использовать */
.site-header,
.site-footer {
  backdrop-filter: blur(12px);
}

    body {
        font-family: "Inter", sans-serif;
      }
      h1,
      h2,
      h3,
      h4,
      h5,
      h6 {
        font-family: "Arvo", serif;
      }
      .marquee-container {
        overflow: hidden;
        white-space: nowrap;
      }
      .marquee-content {
        display: inline-block;
        animation: marquee 20s linear infinite;
      }
      @keyframes marquee {
        0% {
          transform: translateX(100%);
        }
        100% {
          transform: translateX(-100%);
        }
      }

        .font-heading {
        font-family: "Arvo", Georgia, "Times New Roman", serif;
      }
      .font-body {
        font-family:
          "Inter",
          system-ui,
          -apple-system,
          sans-serif;
      }
      .ice-gradient {
        background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
      }
      .navy-gradient {
        background: linear-gradient(to bottom, #03045e, #023e8a);
      }
      /* Custom scrollbar for webkit */
      ::-webkit-scrollbar {
        width: 8px;
      }
      ::-webkit-scrollbar-track {
        background: #f1f1f1;
      }
      ::-webkit-scrollbar-thumb {
        background: #00b4d8;
        border-radius: 4px;
      }
      /* Accordion transition */
      details > summary {
        list-style: none;
      }
      details > summary::-webkit-details-marker {
        display: none;
      }

           .font-heading {
        font-family: "Arvo", serif;
      }
      .glass-header {
        background: rgba(255, 255, 255, 0.95);
        backdrop-filter: blur(12px);
      }
      .ice-gradient {
        background: linear-gradient(135deg, #e0f2fe 0%, #ffffff 100%);
      }
      .text-shadow {
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
      }

            body {
        font-family: "Inter", sans-serif;
      }
      h1,
      h2,
      h3,
      h4,
      h5,
      h6 {
        font-family: "Arvo", serif;
      }
      .ice-gradient {
        background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
      }
      .deep-ocean {
        background-color: #03045e;
      }
      .casino-red {
        background-color: #ff0000;
      }
      .ice-blue {
        background-color: #00b4d8;
      }
      /* Custom scrollbar for text areas if needed */
      textarea {
        resize: vertical;
      }
        .glass-nav {
        background: rgba(3, 4, 94, 0.95);
        backdrop-filter: blur(10px);
      }

       body {
        font-family: "Inter", sans-serif;
      }
      h1,
      h2,
      h3,
      h4,
      h5,
      h6 {
        font-family: "Arvo", serif;
      }
      .prose-legal h2 {
        color: #03045e;
        font-size: 1.5rem;
        margin-top: 2rem;
        margin-bottom: 1rem;
        border-bottom: 2px solid #e5e7eb;
        padding-bottom: 0.5rem;
      }
      .prose-legal p {
        margin-bottom: 1rem;
        line-height: 1.75;
        color: #334155;
      }
      .prose-legal ul {
        list-style-type: disc;
        padding-left: 1.5rem;
        margin-bottom: 1rem;
        color: #334155;
      }
      .prose-legal li {
        margin-bottom: 0.5rem;
      }