/* ============================================================================
   MARKETING TOKENS — FROZEN COPY (marketing bundle)
   ----------------------------------------------------------------------------
   Self-contained subset of layers/tokens.css. The marketing surface (/partners,
   /privacy, /terms) must survive the deletion of the signed-in app CSS, so every
   custom property it reads is redeclared here.

   ONLY the properties actually consumed by the marketing bundle are kept:

     legacy  --surface-marketing-solid  marketing nav + footer background
             --text-inverse             marketing navbar brand color
             --text-main                .app-main (privacy/terms <main>)
             --card-shadow              .policy-card

     shadcn  --background/--foreground  @layer base `body` (inert on marketing:
                                        Bootstrap's UNLAYERED reboot wins) and
                                        `.btn`
             --popover/-foreground      .app-flash
             --primary/-foreground      .btn--primary / .btn-primary
             --secondary/-foreground    .btn--secondary / .btn-secondary
             --accent/-foreground       .btn--secondary:hover
             --border, --ring           .app-flash, .btn
             --destructive, --info,
             --success, --warning       .app-flash--* / .app-verify-banner
             --radius (+ derived)       .app-flash, .btn

   NOW UNUSED BUT DELIBERATELY KEPT: --muted-foreground and --radius-lg. Their
   only marketing consumer was the `.confirm-dialog*` block, which was removed
   from marketing/components.css (dead CSS — no marketing markup renders it).
   A declared-but-unread custom property has no rendering effect, so they are
   left in place rather than churning this verbatim subset further.

   Dropped on purpose (never read by marketing markup): the rest of the legacy
   ramp, --chart-*, --sidebar-*, --card, --muted, --input, the layout/space scale.

   The Inter @import below is copied verbatim from layers/tokens.css line 1 (it
   sits OUTSIDE the layer there too). Marketing does not visibly depend on it —
   Bootstrap's unlayered `body` reboot sets the font on /partners, /privacy and
   /terms — but it is kept so the fork is a byte-for-byte behavioural no-op.
   ============================================================================ */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");

@layer base {
/* ---------- LEGACY tokens consumed by the marketing chrome ---------- */
:root {
  --surface-marketing-solid: #212529;
  --text-inverse: #ffffff;
  --text-main: #1f2937;
  --card-shadow: 0 8px 22px rgba(15, 23, 42, 0.05);
}

/* ---------- shadcn Neutral + Blue (light) ---------- */
:root {
  --radius: 0.625rem;
  --background: oklch(1 0 0);
  --foreground: oklch(0.145 0 0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.145 0 0);
  --primary: oklch(0.546 0.245 262.881);
  --primary-foreground: oklch(0.97 0.014 254.604);
  --secondary: oklch(0.97 0 0);
  --secondary-foreground: oklch(0.205 0 0);
  --muted-foreground: oklch(0.556 0 0);
  --accent: oklch(0.97 0 0);
  --accent-foreground: oklch(0.205 0 0);
  --destructive: oklch(0.577 0.245 27.325);
  --border: oklch(0.922 0 0);
  --ring: oklch(0.546 0.245 262.881);

  /* Derived radius (§2.7): buttons/inputs = -md, cards/modals = -lg. */
  --radius-sm: calc(var(--radius) - 4px);
  --radius-md: calc(var(--radius) - 2px);
  --radius-lg: var(--radius);
  --radius-xl: calc(var(--radius) + 4px);

  /* Semantic status layer (§2.3). */
  --success: oklch(0.627 0.194 149.214);
  --success-foreground: oklch(0.985 0 0);
  --warning: oklch(0.666 0.179 58.318);
  --warning-foreground: oklch(0.985 0 0);
  --info: oklch(0.588 0.158 241.966);
  --info-foreground: oklch(0.985 0 0);
}

/* ---------- shadcn Neutral + Blue (dark) ----------
   The layout's inline no-flash script stamps `class="dark"` on <html> on
   marketing pages too, so the .app-flash toast on the /partners application form
   renders in dark colors for dark-OS visitors. Both sides are copied so that
   stays true after the fork. */
.dark {
  --background: oklch(0.145 0 0);
  --foreground: oklch(0.985 0 0);
  --popover: oklch(0.205 0 0);
  --popover-foreground: oklch(0.985 0 0);
  --primary: oklch(0.623 0.214 259.815);
  --primary-foreground: oklch(0.97 0.014 254.604);
  --secondary: oklch(0.269 0 0);
  --secondary-foreground: oklch(0.985 0 0);
  --muted-foreground: oklch(0.708 0 0);
  --accent: oklch(0.269 0 0);
  --accent-foreground: oklch(0.985 0 0);
  --destructive: oklch(0.704 0.191 22.216);
  --border: oklch(1 0 0 / 10%);
  --ring: oklch(0.623 0.214 259.815);

  --success: oklch(0.696 0.17 162.48);
  --success-foreground: oklch(0.205 0 0);
  --warning: oklch(0.828 0.189 84.429);
  --warning-foreground: oklch(0.205 0 0);
  --info: oklch(0.685 0.169 237.323);
  --info-foreground: oklch(0.205 0 0);
}
}
