/* Hallmark · macrostructure: Original-mark work stage · genre: modern-minimal
 * design-system: design.md · designed-as-app: shared public website tokens
 * code-only critique: P5 H4 E4 S5 R5 V5 · no visual-pass claim
 * Hex: #f8f8f8, #ffffff, #1b1b1b, #626262, #d7d7d7, #c84c2f.
 */
:root {
  color-scheme: light;
  --color-base: oklch(97.913% 0 0);
  --color-deep: oklch(22.213% 0 0);
  --color-surface: oklch(100% 0 0);
  --color-surface-muted: oklch(94.611% 0 0);
  --color-type: oklch(22.213% 0 0);
  --color-muted: oklch(49.616% 0 0);
  --color-ink: oklch(22.213% 0 0);
  --color-muted-ink: oklch(49.616% 0 0);
  --color-on-dark: oklch(97.913% 0 0);
  --color-on-dark-muted: oklch(79.837% 0 0);
  --color-accent: oklch(57.919% .16422 34.507);
  --color-accent-hover: oklch(49.672% .14915 33.212);
  --color-accent-ink: oklch(100% 0 0);
  --color-rule: oklch(87.917% 0 0);
  --color-rule-light: oklch(87.917% 0 0);
  --color-rule-dark: oklch(49.616% 0 0);
  --color-preview-edge: oklch(75% 0 0);
  --color-control-border-dark: oklch(63.343% 0 0);
  --color-focus: oklch(49.672% .14915 33.212);
  --color-focus-light: oklch(49.672% .14915 33.212);
  --color-error: oklch(44.359% .12941 31.655);
  --color-error-light: oklch(66.125% .15671 36.773);
  --color-success: oklch(22.213% 0 0);
  --color-success-light: oklch(97.913% 0 0);
  --color-backdrop: oklch(22.213% 0 0 / .35);
  --color-brick-top: oklch(66.125% .15671 36.773);
  --color-brick-front: oklch(57.919% .16422 34.507);
  --color-brick-end: oklch(44.359% .12941 31.655);
  /* Client artwork accents, confined to the selected-work halo. */
  --color-work-yessuh: oklch(80.183% .17995 117.086);
  --color-work-windy: oklch(67.934% .06527 297.135);
  --color-work-ism: var(--color-muted);
  --color-work-tudor: oklch(47.345% .08065 82.535);
  --color-work-sunrise: oklch(78.3% .156 122.9);
  --color-work-northshore: oklch(58.067% .15381 43.394);
  --font-display: "Space Grotesk", "Manrope", sans-serif;
  --font-body: "Manrope", sans-serif;
  --font-japanese: "Noto Sans JP", "Manrope", sans-serif;
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --text-xs: .8125rem;
  --text-sm: .875rem;
  --text-base: 1rem;
  --text-lead: clamp(1.125rem, 1.7vw, 1.375rem);
  --text-display: clamp(2rem, 3.6vw, 3.25rem);
  --text-section: clamp(2rem, 3.8vw, 3.25rem);
  --page-gutter: clamp(1rem, 3vw, 2.5rem);
  --page-max: 80rem;
  --gallery-max: 64rem;
  --header-height: 5rem;
  --header-inset: 0px;
  --work-top: 1.5rem;
  --work-viewport: calc(100svh - var(--header-height));
  --control-height: 3rem;
  --radius-control: .1875rem;
  --radius-header: 0px;
  --shadow-project: 0 12px 28px oklch(22.213% 0 0 / .12);
  --shadow-dialog: 0 16px 48px oklch(22.213% 0 0 / .18);
  --ease-out: cubic-bezier(.23, 1, .32, 1);
  --ease-in-out: cubic-bezier(.77, 0, .175, 1);
  --ease-drawer: cubic-bezier(.32, .72, 0, 1);
  --dur-press: 100ms;
  --dur-panel: 250ms;
  --z-base: 1;
  --z-raised: 10;
  --z-sticky: 200;
  --z-dropdown: 250;
  --z-modal: 400;
}
html[lang="ja"] {
  --font-display: var(--font-japanese);
  --font-body: var(--font-japanese);
  --text-display: clamp(1.7rem, 3vw, 2.6rem);
}