/* ============================================================
   VeriTrust — "Sigil" LUXE layer (scope: .luxe)
   Warm-obsidian midnight · champagne foil gold · engraved
   guilloché · film-grain · editorial Cormorant.
   Layers ON TOP of tokens.css — retunes palette + adds craft.
   ============================================================ */

.luxe {
  /* deepen + warm the foundation toward midnight obsidian */
  --void:    #05080F;
  --bg-top:  #0C1626;
  --bg:      #070E1A;
  --bg-bot:  #04080F;
  --surface: #0B1626;
  --card:    #0C1A2C;
  --card-2:  #11243B;
  --card-3:  #173049;

  --hairline:   rgba(231,221,196,0.08);
  --hairline-2: rgba(231,221,196,0.15);
  --border:     #1A3251;

  /* champagne / antique gold (warmer, metallic) */
  --gold-100: #F8ECC8;
  --gold-300: #EAD49B;
  --gold:     #CBA765;
  --gold-600: #9C7C3E;
  --gold-line: rgba(203,167,101,0.30);
  --gold-glow: rgba(203,167,101,0.20);
  --border-gold: rgba(203,167,101,0.34);

  /* warm ivory text on midnight */
  --text-hi:    #F4EFE3;
  --text-mid:   #CBD2DC;
  --text-lo:    #94A0B0;
  --text-faint: #67717F;

  /* restrained jade for granted/active (slightly desaturated, luxe) */
  --green-300: #8FD8B0;
  --green:     #46B07E;
  --green-600: #357F5D;

  /* glass — warmer, deeper */
  --glass:      rgba(13, 26, 44, 0.55);
  --glass-2:    rgba(18, 34, 56, 0.6);
  --glass-line: rgba(231,221,196,0.11);
  --glass-hi:   rgba(248,236,200,0.05);

  --mesh-1: #0B1A30;
  --mesh-2: #060D18;
  --mesh-3: #11243E;

  --foil:  linear-gradient(135deg, #F8ECC8 0%, #EAD49B 22%, #CBA765 46%, #8A6B2E 60%, #EAD49B 80%, #CBA765 100%);
  --foil-soft: linear-gradient(150deg, #EAD49B, #CBA765 55%, #9C7C3E);

  --sh-seal: 0 14px 38px rgba(203,167,101,0.42), 0 0 0 1px rgba(248,236,200,0.3) inset, 0 -3px 8px rgba(110,84,30,0.4) inset;
}

/* warm the ambient mesh */
.luxe.vt-mesh {
  background:
    radial-gradient(75% 55% at 16% 8%,  rgba(203,167,101,0.13), transparent 58%),
    radial-gradient(60% 50% at 90% 4%,  rgba(203,167,101,0.06), transparent 55%),
    radial-gradient(95% 80% at 50% 116%, rgba(70,176,126,0.06), transparent 60%),
    linear-gradient(165deg, var(--mesh-1), var(--mesh-2) 56%, var(--mesh-3));
}

/* ---- film grain + vignette overlays (place inside .luxe) ---- */
.luxe-grain {
  position: absolute; inset: 0; z-index: 1; pointer-events: none; opacity: 0.5;
  mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
  background-size: 160px 160px;
}
.luxe-vignette {
  position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: radial-gradient(120% 90% at 50% 35%, transparent 55%, rgba(2,5,10,0.55) 100%);
}

/* ---- foil (metallic champagne) ---- */
.foil { background: var(--foil); background-size: 220% 220%; }
.foil-text {
  background: var(--foil); background-size: 220% 100%;
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: var(--gold);
  animation: vt-foil-pan 7s ease-in-out infinite;
}
@keyframes vt-foil-pan { 0%,100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } }

/* sheen sweep that crosses a gold surface */
.foil-sheen { position: relative; overflow: hidden; }
.foil-sheen::after {
  content: ''; position: absolute; top: -40%; bottom: -40%; left: -60%; width: 35%;
  background: linear-gradient(100deg, transparent, rgba(255,250,235,0.55), transparent);
  transform: skewX(-18deg); animation: vt-sheen-sweep 5.5s ease-in-out infinite;
}
@keyframes vt-sheen-sweep { 0% { left: -60%; } 24% { left: 130%; } 100% { left: 130%; } }

/* ---- guilloché / engine-turned engraving (pure CSS) ---- */
.guilloche {
  background-image:
    repeating-radial-gradient(circle at 50% 50%, rgba(248,236,200,0.16) 0 0.5px, transparent 0.5px 4px),
    repeating-conic-gradient(from 0deg at 50% 50%, rgba(248,236,200,0.10) 0 0.4deg, transparent 0.4deg 3.2deg);
}
.guilloche-dark {
  background-image:
    repeating-radial-gradient(circle at 50% 50%, rgba(11,8,2,0.5) 0 0.6px, transparent 0.6px 4.5px),
    repeating-conic-gradient(from 0deg at 50% 50%, rgba(11,8,2,0.3) 0 0.5deg, transparent 0.5deg 3.4deg);
}
/* faint engraved watermark for hero cards */
.engrave-wm {
  background-image:
    repeating-radial-gradient(circle at 100% 0%, rgba(203,167,101,0.07) 0 0.5px, transparent 0.5px 7px);
}

/* ---- editorial eyebrow label ---- */
.eyebrow {
  font-family: var(--sans); font-size: 10.5px; font-weight: 700;
  letter-spacing: 0.26em; text-transform: uppercase; color: var(--gold-300);
  display: inline-flex; align-items: center; gap: 8px;
}
.eyebrow::before {
  content: ''; width: 16px; height: 1px; background: linear-gradient(90deg, var(--gold), transparent);
}
[dir='rtl'] .eyebrow::before { background: linear-gradient(270deg, var(--gold), transparent); }

/* hairline gold rule */
.gold-rule { height: 1px; background: linear-gradient(90deg, transparent, var(--gold-line) 20%, var(--gold-line) 80%, transparent); border: none; }