/*
 * AMA Portals skin for the Artfair theme (2026-09-07).
 *
 * The plugin's front end (VIP portal, exhibitor portal, programme, RSVP
 * forms, nominations, catalogue) reads every skin property it renders from
 * --ama-* custom properties, with monochrome defaults on :root. Setting them
 * on body restyles every plugin component in one place: no selectors reach
 * into plugin markup, and no !important is needed. Structure (spacing,
 * control heights, body sizes) is the plugin's and is not exposed; the five
 * heading sizes are the only sizes it accepts. Headings inherit this
 * theme's own h1..h6 face and weight. Full reference: docs/THEMING.md in
 * the plugin.
 *
 * Needs AMA Portals 2.47.0 or later (the token layer); on an older plugin
 * these properties are simply unused.
 *
 * Values are the theme's own: Nimbus Sans L, black on white, the electric
 * blue (#0048FF) the site uses for its primary buttons and highlights, and
 * square corners everywhere (the newsletter popup fields and Sign Up button
 * are the reference). Field text is left-aligned; the plugin never centres
 * it.
 */

body {
	/* Fonts: fields and buttons take the site face. Headings inherit the
	   theme's h1..h6 rules (Nimbus Sans L, weight 500). */
	--ama-font-body: "Nimbus Sans L", "Avenir", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
	--ama-font-button: "Nimbus Sans L", "Avenir", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;

	/* Heading sizes on the theme's compact scale (h1 2.2rem, h2 1.4rem). */
	--ama-heading-1: 2.2rem;
	--ama-heading-2: 1.4rem;
	--ama-heading-3: 1.05rem;
	--ama-heading-4: 0.95rem;
	--ama-heading-5: 0.85rem;
	--ama-heading-line: 1.2;
	--ama-heading-line-tight: 1.15;

	/* Colour: black ink on white, the site's greys, electric blue accent.
	   --ama-line is left at the plugin's #e5e5e5. */
	--ama-ink: #000;
	--ama-ink-soft: #333;
	--ama-muted: #666;
	--ama-faint: #999;
	--ama-surface: #fff;
	--ama-surface-muted: #f1f1f1;
	--ama-accent: #0048ff;
	--ama-accent-text: #fff;

	/* Status: "info" (waitlist, informational alerts) is the site blue;
	   success, warning and danger keep the plugin defaults. */
	--ama-info: #0048ff;
	--ama-info-soft: #e9eeff;

	/* Square corners: controls, images, buttons, fields, badges.
	   --ama-radius-pill stays at the plugin default so status pills round;
	   --ama-radius-circle stays 50% for avatars, dots and the spinner. */
	--ama-radius: 0;
	--ama-radius-image: 0;
	--ama-radius-button: 0;
	--ama-radius-field: 0;
	--ama-radius-badge: 0;

	/* Buttons: electric blue fill with white text (the popup's Sign Up),
	   black outline for the secondary role (the site's black buttons),
	   black fill on hover for both, uppercase and tracked like the site. */
	--ama-button-primary-bg: #0048ff;
	--ama-button-primary-text: #fff;
	--ama-button-primary-border: #0048ff;
	--ama-button-ghost-text: #000;
	--ama-button-ghost-border: #000;
	--ama-button-hover-bg: #000;
	--ama-button-hover-text: #fff;
	--ama-button-weight: 600;
	--ama-button-transform: uppercase;
	--ama-button-tracking: 0.12em;

	/* Badges over tiles and in tables: solid blue with white text. */
	--ama-badge-bg: #0048ff;
	--ama-badge-text: #fff;

	/* Fields: white field, black hairline, black text, blue on focus, blue
	   checks and radios (the popup's fields, left-aligned). */
	--ama-input-bg: #fff;
	--ama-input-text: #000;
	--ama-input-border: #000;
	--ama-input-placeholder: #666;
	--ama-input-focus-border: #0048ff;
	--ama-input-accent: #0048ff;
	--ama-input-disabled-bg: #f1f1f1;
	--ama-input-disabled-text: #666;

	/* Site-wide: a soft blue focus ring, the popup's scrim, no shadows. */
	--ama-focus-ring: color-mix(in srgb, #0048ff 30%, transparent);
	--ama-overlay: rgba(0, 0, 0, 0.5);
	--ama-shadow: none;
}
