/**
 * Corum Pharmacy — mapped tokens
 * Binds aliases → component / context variables.
 * Components should consume --mapped-* (not --alias-* or --brand-*).
 * Depends on: alias.css
 */

:root {
	/* -------------------------------------------------------------------------
	 * Page / global
	 * ------------------------------------------------------------------------- */
	--mapped-page-bg: var(--alias-color-surface);
	--mapped-page-text: var(--alias-color-text);
	--mapped-page-font: var(--alias-font-body);
	--mapped-page-font-size: var(--alias-font-size-body);
	--mapped-page-line-height: var(--alias-line-height-body);
	--mapped-page-font-weight: var(--alias-font-weight-regular);

	--mapped-link-color: var(--alias-color-text-link);
	--mapped-link-color-hover: var(--alias-color-brand-strong);
	--mapped-focus-ring: var(--alias-color-focus);

	/* -------------------------------------------------------------------------
	 * Typography
	 * ------------------------------------------------------------------------- */
	--mapped-heading-font: var(--alias-font-heading);
	--mapped-heading-color: var(--alias-color-text-heading);
	--mapped-heading-accent-color: var(--alias-color-text-heading-accent);
	--mapped-heading-weight: var(--alias-font-weight-bold);

	--mapped-display-font: var(--alias-font-display);
	--mapped-display-color: var(--alias-color-text-display);
	--mapped-display-weight: var(--alias-font-weight-regular);

	--mapped-h2-size: var(--alias-font-size-h2);
	--mapped-h3-size: var(--alias-font-size-h3);
	--mapped-h4-size: var(--alias-font-size-h4);
	--mapped-body-size: var(--alias-font-size-body);
	--mapped-body-size-lg: var(--alias-font-size-body-lg);

	/* -------------------------------------------------------------------------
	 * Buttons (assets/components/buttons.css)
	 * ------------------------------------------------------------------------- */
	--mapped-button-font: var(--alias-font-button);
	--mapped-button-font-size: var(--alias-font-size-button);
	--mapped-button-font-weight: var(--alias-font-weight-bold);
	--mapped-button-letter-spacing: var(--alias-letter-spacing-button);
	--mapped-button-line-height: var(--alias-line-height-button);

	--mapped-button-bg: var(--alias-gradient-action);
	--mapped-button-bg-hover: var(--alias-gradient-action-hover);
	--mapped-button-color: var(--alias-color-action-text);
	--mapped-button-shadow: var(--alias-color-shadow);

	--mapped-button-secondary-bg: var(--alias-gradient-brand);
	--mapped-button-secondary-color: var(--alias-color-action-text);

	--mapped-button-solid-bg: var(--alias-color-brand);
	--mapped-button-solid-bg-hover: var(--alias-color-action-alt);
	--mapped-button-solid-border: var(--alias-color-border-brand);
	--mapped-button-solid-color: var(--alias-color-action-text);

	/* -------------------------------------------------------------------------
	 * Navigation / header (assets/components/navigations.css)
	 * ------------------------------------------------------------------------- */
	--mapped-header-bg: var(--alias-color-header);
	--mapped-header-gradient: var(--alias-gradient-header);
	--mapped-header-shadow: var(--alias-color-shadow-header);
	--mapped-header-border: var(--alias-color-border-brand);

	--mapped-nav-bg: var(--alias-color-brand);
	--mapped-nav-color: var(--alias-color-nav-text);
	--mapped-nav-font: var(--alias-font-body);
	--mapped-nav-font-size: var(--alias-font-size-body);
	--mapped-nav-font-weight: var(--alias-font-weight-regular);

	/* -------------------------------------------------------------------------
	 * Sections (assets/components/sections.css)
	 * ------------------------------------------------------------------------- */
	--mapped-section-bg: var(--alias-color-surface);
	--mapped-section-bg-warm: var(--alias-color-surface-warm);
	--mapped-section-bg-brand: var(--alias-color-brand);
	--mapped-section-bg-brand-strong: var(--alias-color-brand-strong);
	--mapped-section-text: var(--alias-color-text);
	--mapped-section-text-inverse: var(--alias-color-text-inverse);
	--mapped-section-accent: var(--alias-color-accent);
	--mapped-section-display-color: var(--alias-color-text-display);

	/* -------------------------------------------------------------------------
	 * Cards (assets/components/cards.css)
	 * ------------------------------------------------------------------------- */
	--mapped-card-bg: var(--alias-color-surface);
	--mapped-card-bg-warm: var(--alias-color-accent-surface);
	--mapped-card-text: var(--alias-color-text);
	--mapped-card-heading: var(--alias-color-text-heading);
	--mapped-card-border: var(--alias-color-border-accent);
	--mapped-card-link: var(--alias-color-text-link);

	/* -------------------------------------------------------------------------
	 * Forms / Gravity Forms (assets/integrations/gravity-forms.css)
	 * ------------------------------------------------------------------------- */
	--mapped-form-bg: var(--alias-color-form-surface);
	--mapped-form-text: var(--alias-color-form-text);
	--mapped-form-placeholder: var(--alias-color-form-placeholder);
	--mapped-form-border: var(--alias-color-form-border);
	--mapped-form-font: var(--alias-font-body);

	--mapped-form-submit-bg: var(--alias-color-form-submit);
	--mapped-form-submit-bg-hover: var(--alias-color-form-submit-hover);
	--mapped-form-submit-color: var(--alias-color-action-text);
	--mapped-form-submit-font: var(--alias-font-button);
	--mapped-form-submit-font-size: var(--alias-font-size-button);
	--mapped-form-submit-font-weight: var(--alias-font-weight-bold);
	--mapped-form-submit-letter-spacing: var(--alias-letter-spacing-button);

	/* -------------------------------------------------------------------------
	 * Footer
	 * ------------------------------------------------------------------------- */
	--mapped-footer-bg: var(--alias-color-brand-strong);
	--mapped-footer-text: var(--alias-color-text-inverse);
	--mapped-footer-link: var(--alias-color-nav-text);
	--mapped-footer-font: var(--alias-font-body);
	--mapped-footer-font-size: var(--alias-font-size-body);
}