:root {
  --yv-font: Tajawal, Cairo, Arial, sans-serif;
  --yv-black: #050505;
  --yv-ink: #09090a;
  --yv-dark: #0d0d0f;
  --yv-page-bg: #070708;
  --yv-surface: #101012;
  --yv-surface-2: #17171a;
  --yv-surface-3: #202024;
  --yv-light: #ffffff;
  --yv-text: #f7f7f8;
  --yv-text-soft: #b8bbc2;
  --yv-muted: #8f939c;
  --yv-border: rgba(255, 255, 255, 0.13);
  --yv-border-dark: rgba(255, 255, 255, 0.13);
  --yv-success: #35b86b;
  --yv-warning: #f0a12a;
  --yv-error: #ff525c;
  --yv-radius-sm: 10px;
  --yv-radius-md: 16px;
  --yv-radius-lg: 24px;
  --yv-radius-pill: 999px;
  --yv-shadow-sm: 0 8px 24px rgba(0, 0, 0, 0.24);
  --yv-shadow-md: 0 18px 44px rgba(0, 0, 0, 0.34);
  --yv-shadow-lg: 0 28px 70px rgba(0, 0, 0, 0.48);
  --yv-glow-red: 0 0 34px rgb(var(--yv-red-rgb) / 0.32);
  --yv-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --yv-transition: 260ms var(--yv-ease);
  --yv-container: min(1320px, calc(100% - 32px));
  --yv-h1: clamp(34px, 4.2vw, 64px);
  --yv-h2: clamp(28px, 3vw, 44px);
  --yv-h3: clamp(22px, 2vw, 30px);
  --yv-body: 16px;
  --yv-white-rgb: 255 255 255;
  --yv-black-rgb: 0 0 0;
  --yv-layout-header-start: #181818;
  --yv-layout-header-end: #090909;
  --yv-layout-submenu-start: #151515;
  --yv-layout-submenu-end: #080808;
  --yv-layout-field-bg: #0b0b0c;
  --yv-layout-copy: #b8b8b8;
  --yv-layout-container: min(1500px, calc(100% - 40px));
  --yv-breakpoint-nav: 1100px;
  --yv-breakpoint-small: 640px;
}