/* Hallmark · macrostructure: Ecosystem Index · tone: editorial · anchor hue: copper */
body.af-exchange-design {
  --color-ex-porcelain: oklch(96.4306% 0.006979 88.643); /* #F5F3EE */
  --color-ex-paper: oklch(100.0000% 0.000000 89.876); /* #FFFFFF */
  --color-ex-ink: oklch(26.5097% 0.010632 176.349); /* #202725 */
  --color-ex-secondary: oklch(48.7020% 0.012820 167.369); /* #59625E */
  --color-ex-deep: oklch(25.0145% 0.020722 174.866); /* #172521 */
  --color-ex-copper: oklch(51.1764% 0.106853 44.243); /* #98502F */
  --color-ex-copper-light: oklch(67.1977% 0.103779 55.013); /* #C78455 */
  --color-ex-rule: oklch(89.4294% 0.010343 145.488); /* #D8DED8 */
  --color-ex-field: oklch(64.8279% 0.018318 150.944); /* #879289 */
  --color-ex-reverse: oklch(89.4294% 0.010343 145.488); /* #D8DED8 */
  --color-ex-hover: oklch(96.4306% 0.006979 88.643); /* #F5F3EE */
  --color-ex-copper-pressed: oklch(43.1112% 0.092099 43.152); /* #793D23 */
  --color-ex-row-rule: color-mix(in oklch, var(--color-ex-rule) 52%, var(--color-ex-paper));
  --color-ex-inverse-rule: color-mix(in oklch, var(--color-ex-reverse) 24%, var(--color-ex-deep));
  --color-ex-clear: transparent;
  --font-ex-display: "Newsreader", Georgia, serif;
  --font-ex-body: "Figtree", sans-serif;
  --space-ex-2xs: .25rem;
  --space-ex-xs: .5rem;
  --space-ex-sm: .75rem;
  --space-ex-md: 1rem;
  --space-ex-lg: 1.5rem;
  --space-ex-xl: 2rem;
  --space-ex-2xl: 3rem;
  --space-ex-3xl: 4rem;
  --text-ex-caption: .8125rem;
  --text-ex-meta: .875rem;
  --text-ex-city: .9375rem;
  --text-ex-body: 1rem;
  --text-ex-topic: 1.0625rem;
  --text-ex-subforum: 1.1875rem;
  --text-ex-section: 1.375rem;
  --text-ex-chapter: 2rem;
  --text-ex-directory: 2.25rem;
  --text-ex-intro: 2.875rem;
  --text-ex-wordmark: 2.875rem;
  --text-ex-wordmark-mobile: 1.875rem;
  --text-ex-footer-mobile: 1.75rem;
  --text-ex-price: 4rem;
  --text-ex-intro-mobile: 2.125rem;
  --rule-ex-fine: 1px;
  --rule-ex-focus: 2px;
  --radius-ex-control: 2px;
  --ease-ex-out: cubic-bezier(.16, 1, .3, 1);
  --ease-ex-in: cubic-bezier(.7, 0, .84, 0);
  --ease-ex-in-out: cubic-bezier(.65, 0, .35, 1);
  --dur-ex-feedback: 150ms;
  --control-ex-height: 2.75rem;
  --layout-ex-width: 90rem;
  --layout-ex-rail: 20rem;
  --layout-ex-image: 16.25rem;
  --layout-ex-chapter-image: 10rem;
  --layout-ex-anchor: 1.5rem;
  --size-forum-hero-photo: 20rem;
  --radius-city-dropdown: .5rem;
  --size-city-dropdown: 20rem;
  --z-city-dropdown: 20;
  --shadow-city-dropdown: 0 .5rem 1.5rem color-mix(in oklch, var(--color-ex-deep) 18%, var(--color-ex-clear));
}

/* Hallmark · theme amendment: Plumbing water / navy / porcelain
 * Custom existing-system palette · light / roman-serif / water-blue
 * Pre-emit critique: P5 H5 E5 S5 R5 V4. Other Exchange identities keep their colors.
 * Source values are generated from assets/palettes.json, not duplicated here. */
body.af-exchange-design.af-plumbing-design {
  --color-ex-porcelain: var(--color-plumbing-soft);
  --color-ex-paper: var(--color-plumbing-paper);
  --color-ex-ink: var(--color-plumbing-ink);
  --color-ex-secondary: var(--color-plumbing-muted);
  --color-ex-deep: var(--color-plumbing-ink);
  --color-ex-rule: var(--color-plumbing-rule);
  --color-ex-field: var(--color-plumbing-rule-strong);
  --color-ex-reverse: var(--color-plumbing-reverse-muted);
  --color-ex-hover: var(--color-plumbing-accent-soft);
  /* Existing Exchange components use these legacy names for their action accent. */
  --color-ex-copper: var(--color-plumbing-accent);
  --color-ex-copper-pressed: var(--color-plumbing-accent-hover);
  --color-ex-copper-light: var(--color-plumbing-reverse-muted);
}

/* Subtle local discussion headers; all lists keep the native row geometry. */
body.af-exchange-design.af-plumbing-design {
  --color-feed-activity-header: var(--color-ex-hover);
  --color-feed-newest-header: var(--color-ex-porcelain);
  --radius-feed-header: var(--radius-premium-button);
}

/* Location-first directory inherits the existing Plumbing system. */
body.af-exchange-design.af-plumbing-design {
  --text-nearby-hero: 5.5rem;
  --size-nearby-owner: 20rem;
  --size-nearby-chooser: 36rem;
}

/* Premium homepage listings deliberately lead the sidebar's visual hierarchy. */
body.af-exchange-design.af-plumbing-design {
  --size-home-provider-rail: 24rem;
  --size-home-premium-badge: 3.5rem;
  --text-home-premium-name: 1.625rem;
  --shadow-home-premium: 0 .5rem 1.25rem color-mix(in oklch, var(--color-premium-surface) 18%, var(--color-ex-clear));
}