/* ============================================================
   VRS — dark-lift.css
   Restores the theme.css v3 green-tinted dark palette + ambient
   green glow on top of v6-skin.css (which flattens dark mode to
   product Stone neutrals). Matches the look of /brand.html.
   Dark mode ONLY — light mode keeps the Stone skin untouched.
   REVERT: delete the <link rel="stylesheet" href="site/dark-lift.css">
   line from the pages (or git revert the commit). Nothing else
   references this file.
   Loaded AFTER v6-skin.css so it wins on equal specificity.
   ============================================================ */

[data-theme="dark"] {
  --bg:        #080F09;
  --bg-grad:   #0B140D;
  --surface:   #0F1A11;
  --surface-2: #15241A;
  --surface-3: #1C3122;
  --text:      #EDF6EF;
  --text-2:    rgba(203,228,210,0.64);
  --text-3:    rgba(203,228,210,0.40);
  --hairline:  rgba(176,214,186,0.12);
  --line:      rgba(176,214,186,0.18);
  --glass:     rgba(18,30,20,0.66);
  --glass-brd: rgba(176,214,186,0.14);

  --glow:      rgba(24,178,75,0.30);
  --nav-bg:    rgba(8,15,9,0.72);
  --grid-line: rgba(176,214,186,0.05);

  --shadow-card: 0 30px 60px -30px rgba(0,0,0,0.7), 0 2px 10px rgba(0,0,0,0.4);
  --shadow-pop:  0 50px 100px -36px rgba(0,0,0,0.8), 0 10px 30px -16px rgba(0,0,0,0.55);

  --pill-amber-bg:#3A2A12; --pill-amber-tx:#F5BC5C;
  --pill-blue-bg:#15263A;  --pill-blue-tx:#79B8FF;
  --warn-bg:#2A1E0C; --warn-tx:#F2C381; --warn-brd:rgba(245,188,92,0.22);
}

/* restore the ambient green glow backdrop (v6-skin kills it with
   !important, so this needs !important too; later-in-cascade wins) */
[data-theme="dark"] body::before {
  background:
    radial-gradient(1200px 700px at 78% -10%, var(--glow), transparent 60%),
    radial-gradient(900px 600px at 6% 0%, color-mix(in oklab, var(--green) 8%, transparent), transparent 64%),
    linear-gradient(var(--bg), var(--bg-grad)) !important;
}

/* ── PRODUCT UI STAYS PRODUCT ────────────────────────────────
   The embedded product mockups (hero demo console + worker phone,
   browser frames, iPhone frames) must keep the REAL platform
   palette (v6-skin Stone dark = product vrs-tokens.css), not the
   marketing lift. Re-pin the Stone tokens inside those roots.
   NOTE: --green-wash must be re-declared here too — custom props
   resolve at the element that declares them, so the :root value
   was mixed against the lifted surface. */
[data-theme="dark"] :is(#vrsDemo7, .hero7-mobile-cards, .bframe, .phone-wrap, .phone, .iphone, .tabviewer) {
  --bg:        #0c0a09;
  --bg-grad:   #0e0c0b;
  --surface:   #141110;
  --surface-2: #1c1917;
  --surface-3: #292524;
  --text:      #fafaf9;
  --text-2:    #a8a29e;
  --text-3:    #8a827d;
  --hairline:  #24211f;
  --line:      #292524;
  --glass:     rgba(20,17,16,0.72);
  --glass-brd: #292524;
  --green-wash: color-mix(in oklab, var(--green) 15%, var(--surface));

  --shadow-card: 0 1px 2px rgba(0,0,0,0.5), 0 1px 3px rgba(0,0,0,0.35);

  --pill-amber-bg:#2a2010; --pill-amber-tx:#fbbf24;
  --pill-blue-bg:#11203a;  --pill-blue-tx:#60a5fa;
  --warn-bg:#2a2010; --warn-tx:#fbbf24; --warn-brd:rgba(251,191,36,0.22);
}