/* Initial web palette; these values do not redefine the supplied logo. */
:root {
  --color-urban-black: #111111;
  --color-charcoal: #292929;
  --color-urban-red: #e5160b;
  --color-deep-red: #9f0808;
  --color-architectural-gold: #b99552;
  --color-concrete: #f3f0e9;
  --color-stone: #d8d3c9;
  --color-white: #ffffff;
  --color-muted: #615d56;

  --font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  --text-display: clamp(2.5rem, 1.25rem + 6vw, 8rem);
  --text-h1: clamp(2.5rem, 1.5rem + 3.5vw, 5.5rem);
  --text-h2: clamp(2rem, 1.4rem + 2.1vw, 3.75rem);
  --text-h3: clamp(1.5rem, 1.2rem + 0.9vw, 2.25rem);
  --text-h4: clamp(1.25rem, 1.1rem + 0.5vw, 1.5rem);
  --text-lead: clamp(1.125rem, 1rem + 0.6vw, 1.5rem);
  --text-body: clamp(1rem, 0.96rem + 0.18vw, 1.125rem);
  --text-small: clamp(0.875rem, 0.84rem + 0.12vw, 1rem);
  --text-label: clamp(0.75rem, 0.72rem + 0.12vw, 0.875rem);
  --text-metadata: clamp(0.875rem, 0.84rem + 0.15vw, 1rem);

  --leading-display: 1.12;
  --leading-h1: 1.15;
  --leading-h2: 1.2;
  --leading-h3: 1.3;
  --leading-h4: 1.4;
  --leading-lead: 1.5;
  --leading-body: 1.65;
  --leading-small: 1.55;
  --leading-label: 1.5;
  --leading-metadata: 1.5;
  --tracking-display: -0.035em;
  --tracking-heading: -0.025em;
  --tracking-label: 0.1em;

  --space-1: clamp(0.25rem, 0.2rem + 0.2vw, 0.5rem);
  --space-2: clamp(0.5rem, 0.4rem + 0.3vw, 0.75rem);
  --space-3: clamp(0.75rem, 0.6rem + 0.4vw, 1rem);
  --space-4: clamp(1rem, 0.75rem + 0.7vw, 1.5rem);
  --space-5: clamp(1.5rem, 1rem + 1.4vw, 2.5rem);
  --space-6: clamp(2rem, 1.25rem + 2.1vw, 3.5rem);
  --space-7: clamp(3rem, 1.5rem + 4.2vw, 6rem);
  --space-8: clamp(4rem, 2rem + 5.6vw, 8rem);
  --space-section: clamp(3rem, 1.5rem + 5vw, 7.5rem);

  --content-max: 90rem;
  --gutter: clamp(1.25rem, 0.5rem + 3vw, 4rem);
  --grid-gap: clamp(1rem, 0.5rem + 1.5vw, 2rem);
  --measure-body: 65ch;
  --measure-lead: 46ch;
  --target-min: 2.75rem;
  --radius-control: 0.125rem;
  --border-width: 1px;
}

/* Light surfaces also reset inherited dark roles when nested. */
:root,
.surface-light,
.surface-white {
  --color-surface: var(--color-concrete);
  --color-text: var(--color-urban-black);
  --color-text-muted: var(--color-muted);
  --color-link: var(--color-deep-red);
  --color-link-hover: var(--color-urban-black);
  --color-action: var(--color-urban-red);
  --color-action-hover: var(--color-deep-red);
  --color-on-action: var(--color-white);
  --color-control-hover: var(--color-stone);
  --color-rule: var(--color-stone);
  --color-detail-text: var(--color-charcoal);
  --color-focus-inner: var(--color-white);
  --color-focus-outer: var(--color-urban-black);
}