@import "tailwindcss";

/* ============ DESIGN TOKENS ============ */
/* Corporate identity: clean white/gray surfaces + a confident golden-yellow
   accent (aligned with the brand's reference site). Component code still
   reads the same variable names (--gold, --steel, --bg, …) — only the
   values changed, which is what re-skins the whole site from one place. */

:root {
  --bg: #ffffff;
  --bg-elevated: #ffffff;
  --bg-sunken: #f5f6f8;
  --surface: #ffffff;
  --surface-2: #f4f5f7;
  --border: #e6e8ec;
  --border-strong: #d3d7de;
  --ink: #1a1c20;
  --ink-soft: #52565f;
  --ink-faint: #868a93;
  --gold: #eec519;
  --gold-strong: #caa30f;
  --gold-soft: #f6dd6e;
  --gold-rgb: 238, 197, 25;
  --steel: #1f2430;
  --shadow-color: 220 20% 40%;
  --grain-opacity: 0;
}

html.dark {
  --bg: #101216;
  --bg-elevated: #181b21;
  --bg-sunken: #0a0b0e;
  --surface: #181b21;
  --surface-2: #21252d;
  --border: #2b2f38;
  --border-strong: #3b4049;
  --ink: #f2f3f5;
  --ink-soft: #bcc0c8;
  --ink-faint: #82868f;
  --gold: #f0c419;
  --gold-strong: #f6dd6e;
  --gold-soft: #caa30f;
  --gold-rgb: 240, 196, 25;
  --steel: #21252d;
  --grain-opacity: 0;
}

* {
  border-color: var(--border);
}

html {
  scroll-behavior: smooth;
}

body {
  background: var(--bg);
  color: var(--ink);
  font-family: "IBM Plex Sans Arabic", "Tahoma", sans-serif;
  transition: background-color 0.35s ease, color 0.35s ease;
}

.font-display {
  font-family: "Cairo", "Tahoma", sans-serif;
}

.font-mono-ui {
  font-family: "IBM Plex Mono", monospace;
}

/* ============ LEGACY LUXURY MOTIFS — neutralized ============ */
/* These classes still exist in a handful of components; the new clean
   corporate identity retires the ornate shutter-line texture, the gold
   card-edge accent, and the film-grain overlay. Kept as no-ops here (instead
   of hunting down every usage) so nothing breaks, but nothing renders. */
.shutter-lines,
.shutter-lines-faint {
  background-image: none;
}

.metal-edge {
  position: relative;
}
.metal-edge::before {
  display: none;
}

.grain-overlay {
  display: none;
}

.text-gold-gradient {
  background: linear-gradient(90deg, var(--gold-strong), var(--gold-soft) 45%, var(--gold));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.balance {
  text-wrap: balance;
}

::selection {
  background: rgba(var(--gold-rgb), 0.35);
}

/* Focus visibility */
:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: 2px;
  border-radius: 2px;
}

@media (prefers-reduced-motion: reduce) {
  *:not(.marquee-track), *:not(.marquee-track)::before, *:not(.marquee-track)::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* scrollbar */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--bg-sunken); }
::-webkit-scrollbar-thumb { background: var(--border-strong); border-radius: 8px; }
::-webkit-scrollbar-thumb:hover { background: var(--gold); }

/* ============ PRINT (company profile "download as PDF") ============ */
@media print {
  header, footer, .no-print {
    display: none !important;
  }
  html, body {
    background: #ffffff !important;
    color: #111214 !important;
  }
  .print-page {
    padding: 0 !important;
  }
  .print-avoid-break {
    break-inside: avoid;
  }
  a {
    text-decoration: none !important;
    color: inherit !important;
  }
}