/* 12_WJS_Home - Canonical 48-Variable Semantic Bridge (Stage R9 Contract v3.0.0) */
/* Maps locked brand primitives onto the 4 Cross-Brand Design Fusion & AI Replication axes. */
:root {
  /* Axis 1: Space, Canvas & Color Proportion (25 vars) */
  --ds-sem-bg-canvas: #F5F2ED;
  --ds-sem-bg-surface: #FFFFFF;
  --ds-sem-bg-elevated: #FCFBFA;
  --ds-sem-bg-band: #EBE2D8;
  --ds-sem-bg-footer: #53443C;
  --ds-sem-ink-primary: #53443C;
  --ds-sem-ink-secondary: #666564;
  --ds-sem-ink-muted: #666564;
  --ds-sem-ink-on-footer: #FFFFFF;
  --ds-sem-border-hairline: #E5E2DF;
  --ds-sem-border-strong: #333333;
  --ds-sem-action-primary-bg: #53443C;
  --ds-sem-action-primary-fg: #FFFFFF;
  --ds-sem-action-secondary-bg: #FFFFFF;
  --ds-sem-action-secondary-fg: #53443C;
  --ds-sem-accent-brand: #A28F79;
  --ds-sem-status-offer: #D35C1A;
  --ds-sem-status-error: #D35C1A;
  --ds-sem-announcement-bg: #53443C;
  --ds-sem-announcement-fg: #FFFFFF;
  --ds-sem-section-pad-y: 64px;
  --ds-sem-section-pad-x: 40px;
  --ds-sem-container-max: 1200px;
  --ds-sem-grid-gutter: 24px;
  --ds-sem-whitespace-ratio: 0.66;

  /* Axis 2: Typography & Editorial Scale (18 vars) */
  --ds-sem-font-display: "Mulish", "Avenir Next", "Segoe UI", Arial, sans-serif;
  --ds-sem-font-sans: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --ds-sem-font-mono: "JetBrains Mono", "DM Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  --ds-sem-font-cjk: "Archivo", "PingFang SC", "Source Han Sans SC", "Noto Sans SC", sans-serif;
  --ds-sem-display-size-desktop: 28px;
  --ds-sem-display-size-mobile: 28px;
  --ds-sem-h2-size: 24px;
  --ds-sem-pdp-title-size: 24px;
  --ds-sem-body-size: 16px;
  --ds-sem-kicker-size: 14px;
  --ds-sem-heading-weight: 700;
  --ds-sem-body-weight: 400;
  --ds-sem-cta-weight: 700;
  --ds-sem-heading-tracking: 0px;
  --ds-sem-cta-tracking: 0px;
  --ds-sem-heading-transform: none;
  --ds-sem-cta-transform: none;
  --ds-sem-measure-prose: 65ch;

  /* Axis 3: Corner Geometry & Control Elevation (7 vars) */
  --ds-sem-radius-btn: 999px;
  --ds-sem-radius-card: 20px;
  --ds-sem-radius-input: 14px;
  --ds-sem-btn-height: 48px;
  --ds-sem-header-height: 68px;
  --ds-sem-card-shadow: 0 2px 10px rgba(83, 68, 60, 0.06);
  --ds-sem-focus-ring: 0 0 0 2px #F5F2ED, 0 0 0 4px #53443C;
}

/* === BEGIN DS-V4 PERCEPTUAL OKLCH, APCA, WOFF2 & MOTION PHYSICS === */
:root {
  /* Perceptual OKLCH Coordinates (WJS Home · Schema v4.0.0) */
  --ds-oklch-canvas: oklch(0.9621 0.0074 80.72);
  --ds-oklch-surface: oklch(1.0000 0.0000 0.00);
  --ds-oklch-subtle: oklch(0.9172 0.0167 70.52);
  --ds-oklch-ink: oklch(0.3998 0.0246 49.69);
  --ds-oklch-ink-secondary: oklch(0.5073 0.0020 67.78);
  --ds-oklch-border: oklch(0.9178 0.0109 76.59);
  --ds-oklch-cta-bg: oklch(0.3998 0.0246 49.69);
  --ds-oklch-cta-ink: oklch(1.0000 0.0000 0.00);
  --ds-oklch-accent: oklch(0.3998 0.0246 49.69);
  --ds-oklch-footer-bg: oklch(0.3998 0.0246 49.69);
  --ds-oklch-footer-ink: oklch(1.0000 0.0000 0.00);

  /* APCA-W3 (0.0.98G-4g) Perceptual Contrast Readouts */
  --ds-apca-body-on-canvas-lc: 83.87;
  --ds-apca-body-on-surface-lc: 91.45;
  --ds-apca-cta-label-lc: -95.76;
  --ds-apca-footer-label-lc: -95.76;

  /* WOFF2 Binary OS/2 Optical x-height Calibration */
  --ds-font-display-x-ratio: 0.5000;
  --ds-font-sans-x-ratio: 0.5260;
  --ds-font-mono-x-ratio: 0.5500;
  --ds-font-size-adjust-display: ex-height 0.5000;
  --ds-font-size-adjust-sans: ex-height 0.5260;

  /* Physical Motion & Photographic Optical Tokens */
  --ds-motion-ease-primary: cubic-bezier(0.25, 1, 0.5, 1);
  --ds-motion-ease-drawer: cubic-bezier(0.22, 1, 0.36, 1);
  --ds-motion-ease-exit: cubic-bezier(0.4, 0, 1, 1);
  --ds-motion-dur-micro: 160ms;
  --ds-motion-dur-drawer: 320ms;
  --ds-motion-dur-reveal: 500ms;
  --ds-optics-kelvin-daylight: 6500K;
  --ds-optics-kelvin-gallery: 4000K;
  --ds-optics-kelvin-evening: 2700K;
  --ds-optics-archetype: "residential_afternoon_window_light";
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --ds-motion-dur-micro: 0ms;
    --ds-motion-dur-drawer: 100ms;
    --ds-motion-dur-reveal: 120ms;
  }
}
/* === END DS-V4 PERCEPTUAL OKLCH, APCA, WOFF2 & MOTION PHYSICS === */