/* =====================================================================
   THEME: LIGHT (secondary, fully separate from dark)
   Base values: Foundation's `body.theme-light` set (NHThtmlCheck-main/styles.css, WCAG-adjusted),
   which itself cites NHT-DesignSystem-DualBackground-V2.xlsx. Where a Foundation value fails
   WCAG AA for small text, a darker `-text` twin is defined here and marked [proposed].
   This file is complete on its own: it defines every color token and every light-only treatment.
   ===================================================================== */
:root[data-theme="light"]{
  color-scheme:light;

  /* surfaces */
  --c-bg:#FAFAFB;
  --c-void:#F0F0F4;
  --c-panel:#F2F2F4;
  --c-panel-hover:#E8E8EC;
  --c-panel-raised:#FFFFFF;    /* selected / active state */
  --c-border:#E2E2E6;
  --c-border-soft:#ECECF0;     /* [proposed] */
  --c-border-bright:#C8C8D0;

  /* text */
  --c-text-heading:#101012;
  --c-text-body:#55555C;       /* 7.0:1 */
  --c-text-muted:#66666E;      /* [proposed] AA-safe small label, 5.4:1. Foundation's #8A8A93 is 3.3:1 */
  --c-text-faint:#8A8A93;      /* decorative and large text only */

  /* accents */
  --c-magenta:#C2007A;
  --c-magenta-text:#C2007A;    /* 5.6:1 on #FAFAFB */
  --c-hearth:#D94E1F;
  --c-hearth-text:#B83E12;     /* [proposed] 5.4:1; Foundation's #D94E1F is 4.0:1 */
  --c-cyan:#0A7BA5;
  --c-cyan-text:#086A90;       /* [proposed] 5.5:1 */
  --c-acid:#5C7A00;            /* [proposed] readable stat colour; #7BA500 is 2.8:1 */
  --c-gold:#B8860B;
  --c-violet:#6B1B92;
  --c-crimson:#B31A1A;

  /* tints and lines */
  --c-magenta-soft:rgba(194,0,122,.08);
  --c-magenta-line:rgba(194,0,122,.42);
  --c-hearth-soft:rgba(217,78,31,.09);
  --c-hearth-line:rgba(217,78,31,.42);
  --c-cyan-soft:rgba(10,123,165,.09);

  /* interaction */
  --c-focus:#086A90;
  --c-on-accent:#0A0A0A;
  --grad-cta:linear-gradient(96deg,#FF2D8A 0%,#FF6B35 100%);
  --grad-text:linear-gradient(96deg,#C2007A 0%,#D94E1F 100%);
  --gradient-top:linear-gradient(90deg,#C2007A,#D94E1F,#0A7BA5,#6B1B92);

  /* atmosphere */
  --glass-bg:rgba(250,250,251,.88);
  --glow-accent:rgba(194,0,122,.12);
  --hero-glow-a:rgba(194,0,122,.10);
  --hero-glow-b:rgba(217,78,31,.07);
  --shadow-card:0 12px 32px rgba(16,16,18,.08);
  --shadow-pop:0 28px 60px -28px rgba(194,0,122,.25);
  --hearth-alpha:.4;
  --img-filter:none;

  /* logo lockup (header spec, light variant: NEXUS in black) */
  --logo-text:#101012;
  --logo-sub:#66666E;

  --c-code-bg:#ECECF0;

  /* screenshot device stage: product UI is dark in both themes */
  --c-stage-bg:rgba(12,14,18,.92);
  --c-stage-text:#F5F5F5;
}

/* ---- light-only treatments ------------------------------------------------- */
:root[data-theme="light"] body{font-weight:400}
:root[data-theme="light"] .hero::before{
  background:
    radial-gradient(1100px 620px at 78% 8%,var(--hero-glow-a),transparent 62%),
    radial-gradient(900px 560px at 8% 4%,var(--hero-glow-b),transparent 58%);
}
:root[data-theme="light"] .card-tilt,
:root[data-theme="light"] .beat,
:root[data-theme="light"] .silo,
:root[data-theme="light"] .person,
:root[data-theme="light"] .layer-btn,
:root[data-theme="light"] .pillar,
:root[data-theme="light"] .advc,
:root[data-theme="light"] .mstat,
:root[data-theme="light"] .bcol{background:var(--c-panel-raised);border-color:var(--c-border)}
:root[data-theme="light"] .card-tilt:hover{box-shadow:0 16px 36px rgba(16,16,18,.10),0 0 0 1px var(--c-border-bright)}
:root[data-theme="light"] .shot:hover{box-shadow:0 14px 34px rgba(16,16,18,.12),0 0 22px var(--glow-accent)}
:root[data-theme="light"] .shot,
:root[data-theme="light"] .shot__bar{background:var(--c-panel-raised)}
:root[data-theme="light"] .shot__stage{background:#0A0A0A}          /* product screenshots are dark UI: keep a dark stage so they read as a device, not a hole */
:root[data-theme="light"] .shot__meta{border-color:#3D424E}
:root[data-theme="light"] .shot__meta b{color:#FF2D8A}
:root[data-theme="light"] .shot__cross-v,
:root[data-theme="light"] .shot__cross-h{background:linear-gradient(180deg,transparent,rgba(255,255,255,.55),transparent)}
:root[data-theme="light"] .btn-cta:hover{box-shadow:0 10px 26px rgba(194,0,122,.26)}
:root[data-theme="light"] .btn-ghost{border-color:var(--c-border-bright);color:var(--c-text-heading)}
:root[data-theme="light"] .site-header{box-shadow:0 1px 0 var(--c-border)}
:root[data-theme="light"] .funnel-card--cad{background:#0A0A0A;color:#47C8FF;border-color:#47C8FF}
:root[data-theme="light"] .funnel-card--pdf{background:#FFFFFF;border-color:#C8C8D0;color:#101012}
:root[data-theme="light"] .demo,
:root[data-theme="light"] .lake,
:root[data-theme="light"] .fnode,
:root[data-theme="light"] .ledger-row,
:root[data-theme="light"] .chip,
:root[data-theme="light"] .query-chip,
:root[data-theme="light"] .btn-sim,
:root[data-theme="light"] .acard,
:root[data-theme="light"] .mail,
:root[data-theme="light"] .hit,
:root[data-theme="light"] .typebox{background:var(--c-panel-raised)}
:root[data-theme="light"] .thread-cut__stage{background:#FFFFFF}
:root[data-theme="light"] .person__avatar img{filter:grayscale(1) contrast(1.02)}
:root[data-theme="light"] .person:hover .person__avatar img{filter:grayscale(.1)}
:root[data-theme="light"] .stat-big span,
:root[data-theme="light"] .moment-time span{color:var(--c-magenta)}
:root[data-theme="light"] ::selection{background:rgba(194,0,122,.18)}

/* header lockup: the attached logo image is drawn for a dark ground, so light shows the emblem plus live-text wordmark */
:root[data-theme="light"] .lockup--site .lockup__img{display:none}
:root[data-theme="light"] .lockup--site .lockup__live{display:inline-flex}