﻿:root {
  --vt-color-navy: #0b1f3a;
  --vt-color-blue: #1286ff;
  --vt-color-blue-strong: #0a6cdd;
  --vt-color-ink: #16253a;
  --vt-color-gray-100: #f3f7fc;
  --vt-color-gray-200: #e3ebf5;
  --vt-color-gray-500: #5f728b;
  --vt-color-white: #ffffff;
  --vt-color-success: #18a06f;
  --vt-gradient-hero: radial-gradient(circle at 15% 20%, #1f4274 0%, #0b1f3a 46%, #071427 100%);

  --vt-font-en: 'Inter', 'Segoe UI', Tahoma, Arial, sans-serif;
  --vt-font-ar: 'Cairo', 'Segoe UI', Tahoma, Arial, sans-serif;

  --vt-text-xs: 0.8125rem;
  --vt-text-sm: 0.9375rem;
  --vt-text-md: 1rem;
  --vt-text-lg: 1.125rem;
  --vt-text-xl: 1.3125rem;
  --vt-text-2xl: clamp(1.5rem, 1.3rem + 1vw, 2rem);
  --vt-text-3xl: clamp(2rem, 1.65rem + 2.1vw, 3.2rem);

  --vt-space-1: 0.25rem;
  --vt-space-2: 0.5rem;
  --vt-space-3: 0.75rem;
  --vt-space-4: 1rem;
  --vt-space-5: 1.5rem;
  --vt-space-6: 2rem;
  --vt-space-7: 3rem;
  --vt-space-8: 4.5rem;

  --vt-radius-sm: 0.5rem;
  --vt-radius-md: 0.85rem;
  --vt-radius-lg: 1.2rem;
  --vt-shadow-card: 0 10px 35px rgba(14, 39, 79, 0.08);
}

.btn-vt-primary {
  background: var(--vt-color-blue);
  color: var(--vt-color-white);
  border: 1px solid transparent;
  border-radius: 999px;
  padding: 0.68rem 1.25rem;
  font-weight: 600;
  transition: background-color 0.2s ease, transform 0.2s ease;
}

.btn-vt-primary:hover,
.btn-vt-primary:focus-visible {
  background: var(--vt-color-blue-strong);
  color: var(--vt-color-white);
  transform: translateY(-1px);
}

.btn-vt-outline {
  border: 1px solid var(--vt-color-blue);
  color: var(--vt-color-blue);
  background: transparent;
  border-radius: 999px;
  padding: 0.68rem 1.25rem;
  font-weight: 600;
}

.btn-vt-outline:hover,
.btn-vt-outline:focus-visible {
  background: rgba(18, 134, 255, 0.1);
  color: var(--vt-color-blue-strong);
}

.vt-card {
  background: var(--vt-color-white);
  border: 1px solid var(--vt-color-gray-200);
  border-radius: var(--vt-radius-lg);
  box-shadow: var(--vt-shadow-card);
  padding: var(--vt-space-6);
}

.vt-section {
  padding: var(--vt-space-8) 0;
}
