/*
 * AMA Portals skin for the SC 2025 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. 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 (css/_variables.scss and main.scss): Cadiz for
 * text and controls, FreightDisp Pro for headings, black on white, the
 * light blue #5ac2de for primary calls to action and badges (James,
 * 2026-09-07), and fields with a black outline on slightly rounded corners.
 */

body {
	/* Fonts: text and fields in Cadiz Book, buttons in Cadiz (bold cut). */
	--ama-font-body: "Cadiz Book", "Cadiz", "Helvetica Neue", Helvetica, Arial, sans-serif;
	--ama-font-button: "Cadiz", "Cadiz Book", "Helvetica Neue", Helvetica, Arial, sans-serif;

	/* Heading sizes on the theme's scale (its section h2 is 30px). */
	--ama-heading-1: clamp(32px, 2rem + 1vw, 44px);
	--ama-heading-2: 30px;
	--ama-heading-3: 22px;
	--ama-heading-4: 18px;
	--ama-heading-5: 16px;
	--ama-heading-line: 1.15;
	--ama-heading-line-tight: 1.05;

	/* Colour: black ink on white, the theme's greys, light blue accent.
	   The accent's text is black: white on #5ac2de does not meet contrast.
	   --ama-line stays the plugin's #e5e5e5. */
	--ama-ink: #000;
	--ama-ink-soft: #333;
	--ama-muted: #707070;
	--ama-faint: #888;
	--ama-surface: #fff;
	--ama-surface-muted: #f9f9f9;
	--ama-accent: #5ac2de;
	--ama-accent-text: #000;

	/* Slightly rounded corners on controls, fields, buttons and badges;
	   photography stays square. --ama-radius-pill and --ama-radius-circle
	   keep the plugin defaults (status pills, avatars, dots, spinner). */
	--ama-radius: 4px;
	--ama-radius-image: 0;
	--ama-radius-button: 4px;
	--ama-radius-field: 4px;
	--ama-radius-badge: 4px;

	/* Buttons: light blue fill with black text for the primary call to
	   action, black outline for the secondary role, black fill with white
	   text on hover (the theme's own button hover pairing, reversed).
	   Sentence case, semi-bold, like the theme's portal buttons. */
	--ama-button-primary-bg: #5ac2de;
	--ama-button-primary-text: #000;
	--ama-button-primary-border: #5ac2de;
	--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: none;
	--ama-button-tracking: 0;

	/* Badges over tiles and in tables: light blue with black text. */
	--ama-badge-bg: #5ac2de;
	--ama-badge-text: #000;

	/* Fields: white, black hairline, black text, light blue on focus and
	   for checks and radios (James: "stick with black outlines"). */
	--ama-input-bg: #fff;
	--ama-input-text: #000;
	--ama-input-border: #000;
	--ama-input-placeholder: #707070;
	--ama-input-focus-border: #5ac2de;
	--ama-input-accent: #5ac2de;
	--ama-input-disabled-bg: #f9f9f9;
	--ama-input-disabled-text: #707070;

	/* Site-wide: a soft light blue focus ring, the usual scrim, no shadows. */
	--ama-focus-ring: color-mix(in srgb, #5ac2de 40%, transparent);
	--ama-overlay: rgba(0, 0, 0, 0.5);
	--ama-shadow: none;
}

/* Heading face inside the plugin's page roots. The plugin sets a heading's
   size and line height only and inherits the site's own h1..h6 face; this
   theme applies FreightDisp Pro per block rather than globally, so the same
   face is applied here at the plugin's roots (a theme rule on elements, not
   on plugin classes). */
.foundry :is(h1, h2, h3, h4, h5),
.ama-catalogue :is(h1, h2, h3, h4, h5),
.event-single :is(h1, h2, h3, h4, h5),
.vip-portal-content :is(h1, h2, h3, h4, h5),
.exhibitor-portal-content :is(h1, h2, h3, h4, h5),
#ama-modal-container :is(h1, h2, h3, h4, h5) {
	font-family: "FreightDisp Pro", "FreightDisp Pro Book", Georgia, serif;
	font-weight: 500;
	letter-spacing: 0.02em;
}

/* Elementor's site kit styles every <button> (`.elementor-kit-NNN button`,
   specificity 0,1,1) with the kit's primary colours. The plugin's base
   `.ama-button` rule (0,1,0) loses that fight, so any portal button without
   a --primary/--ghost modifier (nomination actions, icon buttons) turns
   blue. The variant rules (`.ama-button.ama-button--primary`, 0,2,0) already
   win. This rule sits at 0,1,2: above the kit, below the variants, so it
   restores the plugin's own base values without touching anything else. */
body button.ama-button,
body input[type="button"].ama-button,
body input[type="submit"].ama-button {
	background-color: transparent;
	color: inherit;
}