/* Akbar Koulivand Lawyer Website - Static CSS */
@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@200;300;400;500;600;700;800&family=Cinzel:wght@500;700&display=swap');

:root {
  --color-brand-black: #0A0B0D;
  --color-brand-dark: #121417;
  --color-brand-surface: #1A1D21;
  --color-brand-card: #16191D;
  --color-brand-border: #2A2E35;
  --color-brand-border-hover: #3F454F;
  --color-brand-olive: #243328;
  --color-brand-olive-muted: #1B261E;
  --color-brand-olive-light: #3D5444;
  --color-brand-gold: #E5C07B;
  --color-brand-gold-hover: #F3CF8A;
  --color-brand-text-muted: #9CA3AF;
  --color-brand-text-subtle: #6B7280;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  direction: rtl;
}

body {
  font-family: 'Vazirmatn', system-ui, -apple-system, sans-serif;
  background-color: var(--color-brand-black);
  color: #F3F4F6;
  overflow-x: hidden;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

::selection {
  background-color: var(--color-brand-gold);
  color: #000;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #0A0B0D;
}
::-webkit-scrollbar-thumb {
  background: #243328;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #3D5444;
}

/* Ambient glow accents */
.glow-olive {
  background: radial-gradient(circle at 50% 30%, rgba(36, 51, 40, 0.45) 0%, rgba(10, 11, 13, 0) 70%);
}
.glow-corner {
  background: radial-gradient(circle at 100% 0%, rgba(61, 84, 68, 0.18) 0%, rgba(10, 11, 13, 0) 50%);
}

/* Glassmorphism & Cards */
.glass-panel {
  background: rgba(18, 20, 23, 0.85);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(42, 46, 53, 0.7);
}

.card-hover {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.card-hover:hover {
  border-color: rgba(229, 192, 123, 0.4);
  transform: translateY(-2px);
  background-color: rgba(26, 29, 33, 0.75);
}

/* Seal canvas rendering */
.seal-container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 56px;
}
.seal-container img {
  height: 100%;
  width: auto;
  object-fit: contain;
  transition: transform 0.3s ease;
}
.seal-container:hover img {
  transform: scale(1.05);
}

/* Modal styles */
.modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease;
}
.modal-backdrop.active {
  opacity: 1;
  pointer-events: auto;
}

.modal-content {
  background-color: #16191D;
  border: 1px solid #2A2E35;
  border-radius: 1rem;
  width: 100%;
  max-width: 32rem;
  padding: 1.75rem;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.7);
  transform: scale(0.95);
  transition: transform 0.25s ease;
}
.modal-backdrop.active .modal-content {
  transform: scale(1);
}