@import "tailwindcss";

@font-face {
  font-family: 'Vazirmatn';
  src: url('/fonts/Vazirmatn-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Vazirmatn';
  src: url('/fonts/Vazirmatn-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Vazirmatn';
  src: url('/fonts/Vazirmatn-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Vazirmatn';
  src: url('/fonts/Vazirmatn-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Vazirmatn';
  src: url('/fonts/Vazirmatn-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Vazirmatn';
  src: url('/fonts/Vazirmatn-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --color-ravis-void: #04070D;
  --color-ravis-dark: #070E1A;
  --color-ravis-navy: #0B1120;
  --color-ravis-card: #0F172A;
  --color-ravis-slate: #1E293B;
  --color-ravis-gold: #D4A343;
  --color-ravis-gold-light: #F0CE80;
  --color-ravis-gold-dark: #9A7320;
  --color-ravis-emerald: #16A34A;
  --color-ravis-ruby: #D90429;
}

body {
  font-family: 'Vazirmatn', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  background-color: var(--color-ravis-void);
  color: #F8FAFC;
  direction: rtl;
  overflow-x: clip;
  selection-background-color: var(--color-ravis-gold);
  selection-color: #04070D;
}

::selection {
  background-color: #D4A343;
  color: #04070D;
}

/* Custom Utilities */
.text-stroke-gold {
  -webkit-text-stroke: 1.5px rgba(212, 163, 67, 0.7);
  color: transparent;
}

.text-stroke-white {
  -webkit-text-stroke: 1.2px rgba(255, 255, 255, 0.4);
  color: transparent;
}

.glass-panel {
  background: rgba(15, 23, 42, 0.65);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.glass-card-hover {
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.glass-card-hover:hover {
  border-color: rgba(212, 163, 67, 0.35);
  transform: translateY(-3px);
  box-shadow: 0 16px 36px -12px rgba(212, 163, 67, 0.12);
}

.btn-pill {
  border-radius: 9999px;
  isolation: isolate;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.btn-pill::before {
  border-radius: inherit;
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 7px;
}
::-webkit-scrollbar-track {
  background: #04070D;
}
::-webkit-scrollbar-thumb {
  background: #1E293B;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #D4A343;
}