/* =====================================================================
   Abu Ahmad Attars — THEME TOKENS  (Royal Emerald · Black · Gold)
   ---------------------------------------------------------------------
   Single dark luxury theme (light mode removed). The brand palette can
   still be swapped later via a `.theme-*` class on <body>; the default
   `.theme-royal-emerald` is defined below. All surfaces are dark.
   ===================================================================== */

:root {
  /* ---- Gold (royal, brightened) ---- */
  --brand-gold:        #ecc65e;
  --brand-gold-soft:   #fdf1c8;
  --brand-gold-deep:   #c2922c;
  --brand-gold-rgb:    236, 198, 94;
  --brand-accent:      #2a9269;          /* brighter emerald accent */
  --emerald:           #157a55;
  --emerald-deep:      #0d4632;
  --emerald-rgb:       21, 122, 85;

  /* ---- Surfaces (lifted emerald, brighter than before) ---- */
  --bg:            #08160f;
  --bg-2:          #0d2219;
  --surface:       #122a1f;
  --surface-2:     #193827;
  --border:        rgba(var(--brand-gold-rgb), .28);
  --border-strong: rgba(var(--brand-gold-rgb), .50);

  /* ---- Text (brighter) ---- */
  --text:          #fbf6ea;
  --text-muted:    #cad9ce;
  --text-faint:    #93a59a;

  /* ---- Header / hero ---- */
  --header-bg:     rgba(8, 22, 15, .80);
  --hero-overlay:  linear-gradient(180deg, rgba(8,22,15,.22), rgba(8,22,15,.90));
  --gold-gradient: linear-gradient(135deg, var(--brand-gold-soft), var(--brand-gold) 45%, var(--brand-gold-deep));
  --gold-shimmer:  linear-gradient(110deg, var(--brand-gold-deep) 0%, var(--brand-gold) 25%, var(--brand-gold-soft) 50%, var(--brand-gold) 75%, var(--brand-gold-deep) 100%);
  --card-bg:       linear-gradient(160deg, rgba(255,255,255,.06), rgba(21,122,85,.07));
  --glass:         rgba(255,255,255,.06);

  /* ---- Typography (graceful royal pairing) ---- */
  --font-display: "Cinzel Decorative", "Cinzel", Georgia, serif;   /* logo / brand */
  --font-head:    "Cormorant Garamond", Georgia, serif;           /* graceful headings */
  --font-script:  "Pinyon Script", "Cormorant Garamond", cursive; /* elegant accent words */
  --font-label:   "Cinzel", Georgia, serif;                       /* engraved caps labels */
  --font-serif:   "Cormorant Garamond", Georgia, serif;
  --font-body:    "Jost", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-arabic:  "Amiri", "Scheherazade New", Georgia, serif;

  /* ---- Shape / layout ---- */
  --radius-sm: 8px;
  --radius:    14px;
  --radius-lg: 22px;
  --container: 1240px;
  --header-h:  76px;

  /* ---- Motion ---- */
  --ease:  cubic-bezier(.22, 1, .36, 1);
  --speed: .55s;

  /* ---- Shadows / glow ---- */
  --shadow-sm: 0 2px 12px rgba(0,0,0,.4);
  --shadow:    0 18px 50px rgba(0,0,0,.5);
  --glow-gold: 0 0 0 1px rgba(var(--brand-gold-rgb), .4), 0 12px 34px rgba(var(--brand-gold-rgb), .18);
}

/* Default brand palette (kept as a class so alternates can be added). */
.theme-royal-emerald { /* tokens already defined in :root */ }