/*
Theme Name:   Lawryse Waitlist USA
Theme URI:    https://waitlistusa.lawryse.com
Description:  The United States attorney waitlist (waitlistusa.lawryse.com), copied from the join theme on 2026-10-15 and switched to waitlist mode (the quiz runs, posts to the 'waitlist_usa' register). Shows a holding page until the lawryse_waitlist_usa_live option is set. Original description: Lawryse's single-purpose landing-page theme — a lean, standalone
              theme (no parent, no page builder) purpose-built for a landing
              page that converts a visitor into a signup. Permanently join
              mode since 2026-09-16 (Alice: two genuinely different landing
              pages, no shared on/off flag) — straight to the dashboard
              signup, no quiz. waitlist.lawryse.com runs the forked
              lawryse-waitlist theme, which keeps the quiz. Structured as
              a shell + independent section partials so the next landing page
              is a clone-and-swap, not a rebuild.
Author:       Lawryse
Version:      0.4.3
Text Domain:  lawryse-landing
*/

/* ═══════════════════════════════════════════════════════════════
   DESIGN TOKENS — Lawryse Branding, current values (Alice, 2026-09-03)
   Source of truth: D:\00 LAWRYSE\GRAPHICS\Lawryse_Branding.md (MASTER §24.1)

   NB: lawryse-child (the main site) still carries the OLD navy #00101D and
   no orange token — that correction is deferred to the end-of-project CSS
   pass (MASTER §24.1). This theme is new, so it starts on the CURRENT
   values rather than copying the stale ones forward.
   ═══════════════════════════════════════════════════════════════ */

:root {
  /* ---- Core palette ---- */
  --lw-navy:        #011C3C;   /* primary dark — header, hero graphic centre */
  --lw-navy-ink:    #011229;   /* hover/pressed on navy */
  --lw-red:         #9D1624;   /* primary accent — CTAs, eyebrows, active states */
  --lw-red-dark:    #7A1019;   /* hover / pressed */
  --lw-teal:        #01486D;   /* structural dark-accent, used sparingly here */
  --lw-orange:      #FE6801;   /* attention only — not used in the hero */
  --lw-gold:        #D8A425;   /* the Gold tier (Alice, 2026-10-08: it read as orange); not a core brand colour */
  --lw-gold-light:  #EDC66A;

  /* ---- Neutrals ---- */
  --lw-canvas:      #FFFFFF;
  --lw-canvas-alt:  #F4F6F8;
  --lw-border:      #E2E7EC;
  --lw-muted:       #48555F;   /* darkened 2026-09-17 (Alice — one shade further) from #57646F */
  --lw-body:        #263442;

  /* ---- Typography ---- */
  /* Headings: Roboto Condensed (matches the Lawryse business plan, Alice
     2026-09-08). Body/UI: Inter — Arial is the acceptable fallback for
     Word-style documents where Inter isn't available. */
  --lw-font:        "Inter", Arial, Helvetica, sans-serif;
  --lw-font-head:   "Roboto Condensed", "Arial Narrow", "Inter", Arial, sans-serif;

  /* One body size for prose across the whole page (Alice, 2026-09-09) —
     graphic/diagram labels (the hero radial, the phone mock, flow-step
     micro-copy) keep their own sizes. --lw-subhead is the section
     sub-head (h3) — deliberately a touch bigger than body, and because
     it renders in the CONDENSED face it needs a bit more px than a
     regular-weight step to actually read as larger. */
  --lw-text:        0.95rem;
  --lw-subhead:     1.2rem;

  /* ---- Layout ---- */
  --lw-max:         1160px;
  --lw-radius:      12px;
  --lw-radius-sm:   8px;
  --lw-shadow-card: 0 6px 18px rgba(1, 28, 60, 0.10);

  /* Raised-card "lift" — layered shadow (tight contact + mid + soft
     ambient) so a box reads as raised off the surface, not floating.
     Two recipes: cards on a LIGHT ground get a cool navy-tinted shadow;
     cards on a DARK (navy) ground get a deeper black one. Each has a
     -hover pair for the small lift on hover. */
  --lw-lift:
    0 2px 4px rgba(1, 28, 60, 0.08),
    0 10px 22px rgba(1, 28, 60, 0.12),
    0 22px 44px rgba(1, 28, 60, 0.10);
  --lw-lift-hover:
    0 4px 8px rgba(1, 28, 60, 0.10),
    0 16px 30px rgba(1, 28, 60, 0.16),
    0 32px 58px rgba(1, 28, 60, 0.14);
  --lw-lift-dark:
    0 3px 6px rgba(0, 0, 0, 0.28),
    0 12px 24px rgba(0, 0, 0, 0.32),
    0 26px 50px rgba(0, 0, 0, 0.38);
  --lw-lift-dark-hover:
    0 5px 10px rgba(0, 0, 0, 0.30),
    0 18px 34px rgba(0, 0, 0, 0.36),
    0 38px 68px rgba(0, 0, 0, 0.46);

  --lw-bp-lg:       1024px;
  --lw-bp-md:       768px;
}