/*
Theme Name: AHS Platform Theme
Theme URI: https://advantage.example/platform
Author: Advantage Hosted Services
Description: Multi-product hosted-page platform theme. Renders branded client landing pages (OD opt-in, SMS opt-in, Online Account Open) whose layout body is edited in Gutenberg. Per-tenant branding is emitted by the ahs-platform plugin; the OAO wizard is mounted by the ahs-oao plugin.
Version: 0.1.0
Requires at least: 6.4
Requires PHP: 8.1
Text Domain: ahs
*/

/* Design tokens default to the platform palette and are overridden per-tenant
   by the branding cascade (body.client-{slug}.page-{form_type}). Token names
   mirror the OAO concept so the wizard and landing share one vocabulary. */
:root {
  --brand: oklch(0.42 0.105 256);
  --brand-strong: oklch(0.33 0.10 256);
  --brand-50: oklch(0.965 0.018 256);
  --brand-100: oklch(0.92 0.04 256);
  --ink: oklch(0.245 0.014 264);
  --ink-2: oklch(0.44 0.012 264);
  --ink-3: oklch(0.60 0.01 264);
  --bg: oklch(0.984 0.003 254);
  --surface: oklch(1 0 0);
  --surface-2: oklch(0.967 0.005 254);
  --border: oklch(0.905 0.007 254);
  --border-strong: oklch(0.84 0.01 254);
  --success: oklch(0.6 0.115 165);
  --success-50: oklch(0.95 0.03 165);
  --font-display: "Bricolage Grotesque", system-ui, sans-serif;
  --font-body: "Public Sans", system-ui, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: var(--font-body);
  color: var(--ink);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
a { color: var(--brand-strong); }
.ahs-page { min-height: 100vh; display: flex; flex-direction: column; }
.ahs-page__body { flex: 1; max-width: 980px; margin: 0 auto; width: 100%; padding: clamp(24px,4vw,56px) clamp(16px,4vw,28px); }
.ahs-page__footer { border-top: 1px solid var(--border); padding: 28px 20px; text-align: center; color: var(--ink-3); font-size: 13.5px; }
.ahs-skip-link { position: absolute; left: -9999px; }
.ahs-skip-link:focus { left: 16px; top: 16px; background: var(--surface); padding: 10px 16px; border-radius: 8px; z-index: 100; }

/* Landing typography defaults (so seeded core blocks stay markup-minimal yet
   on-brand). Staff can still override per block via the editor toolbar. */
.ahs-page__body h1.wp-block-heading,
.ahs-page__body h2.wp-block-heading { font-family: var(--font-display); letter-spacing: -.015em; color: var(--ink); }
.ahs-page__body h2.wp-block-heading { margin-top: 56px; }
.wp-block-ahs-hero h1 { font-size: clamp(34px, 5vw, 52px); line-height: 1.05; margin: 20px 0 12px; }
.wp-block-ahs-hero p { font-size: 18px; color: var(--ink-2); max-width: 560px; margin: 0 auto 28px; }