/**
 * AP/ANIEF UI Theme — Divi 4 Safe fallback tokens.
 *
 * This file is a fallback layer. The synchronized Mother theme remains
 * the source of truth when available.
 *
 * @version 1.0.0
 * @author Andrea Parenti
 */

:root,
.apui-theme-scope,
.plugin-admin-scope,
.aplc-divi-safe-scope {
	--apui-font: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

	--apui-primary-950: #07152f;
	--apui-primary-900: #0d47a1;
	--apui-primary-800: #12356f;
	--apui-primary-700: #1565c0;
	--apui-primary-600: #1976d2;
	--apui-primary: var(--apui-primary-700);
	--apui-primary-hover: var(--apui-primary-900);

	--apui-bg: #f7f8fb;
	--apui-surface: #ffffff;
	--apui-soft: #e3f2fd;
	--apui-soft-2: #f6f9ff;
	--apui-primary-soft: #e3f2fd;
	--apui-primary-soft-2: #f6f9ff;
	--apui-text: #212121;
	--apui-heading: #101828;
	--apui-muted: #757575;
	--apui-border: #e0e0e0;
	--apui-border-color: #e0e0e0;
	--apui-border-strong: #737373;

	--apui-radius-xs: 8px;
	--apui-radius-sm: 10px;
	--apui-radius-md: 4px;
	--apui-radius-lg: 18px;
	--apui-radius-xl: 28px;

	--apui-shadow: 0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12);
	--apui-shadow-soft: 0 8px 26px rgba(16, 24, 40, .06);
	--apui-focus-ring: 0 0 0 2px rgba(21, 101, 192, .18);

	--apui-shortcode-shell-inline-size: 100%;
	--apui-shortcode-shell-max-inline-size: 100%;
	--apui-shortcode-shell-margin-inline: auto;
	--apui-shortcode-shell-overflow-x: clip;
	--apui-shortcode-shell-bg: transparent;
	--apui-shortcode-shell-border: 0;
	--apui-shortcode-shell-shadow: none;
	--apui-shortcode-viewport-gutter: 16px;
	--apui-shortcode-margin-top: 0;
	--apui-shortcode-margin-bottom: 0;

	--apui-shortcode-width: 900px;
	--apui-shortcode-max-width: 900px;
	--apui-shortcode-width-sm: 640px;
	--apui-shortcode-max-width-sm: 640px;
	--apui-shortcode-width-md: 900px;
	--apui-shortcode-max-width-md: 900px;
	--apui-shortcode-width-lg: 1120px;
	--apui-shortcode-max-width-lg: 1120px;
	--apui-shortcode-panel-inline-size: var(--apui-shortcode-width);
	--apui-shortcode-panel-max-inline-size: var(--apui-shortcode-max-width);

	--apui-shortcode-bg: #ffffff;
	--apui-shortcode-text: #212121;
	--apui-shortcode-border-color: #e0e0e0;
	--apui-shortcode-border-width: 1px;
	--apui-shortcode-radius: 8px;
	--apui-shortcode-padding: 16px;
	--apui-shortcode-gap: 18px;
	--apui-shortcode-shadow: var(--apui-shadow);

	--apui-shortcode-title: #1565c0;
	--apui-shortcode-title-size: 24px;
	--apui-shortcode-title-weight: 500;
	--apui-shortcode-description-color: #757575;
	--apui-shortcode-description-size: 14px;
	--apui-shortcode-icon-color: #1565c0;
	--apui-shortcode-icon-size: 32px;
	--apui-shortcode-header-border-color: #1565c0;
	--apui-shortcode-header-border-width: 2px;
	--apui-shortcode-header-gap: 12px;
	--apui-shortcode-header-padding-bottom: 16px;
	--apui-shortcode-header-margin-bottom: 24px;
	--apui-shortcode-body-padding: 0;
	--apui-shortcode-body-gap: 14px;
	--apui-shortcode-actions-gap: 16px;
	--apui-shortcode-actions-margin-top: 32px;
	--apui-shortcode-actions-padding-top: 24px;
	--apui-shortcode-footer-color: #757575;
	--apui-shortcode-footer-size: 13px;

	--apui-input-bg: #ffffff;
	--apui-input-text: #212121;
	--apui-input-placeholder: #757575;
	--apui-input-border: #737373;
	--apui-input-focus: #1565c0;
	--apui-input-radius: 4px;
	--apui-input-border-width: 1px;
	--apui-input-height: 42px;
	--apui-input-padding-x: 16px;
	--apui-input-font-size: 16px;

	--apui-textarea-height: 100px;
	--apui-textarea-padding: 12px;
	--apui-textarea-line-height: 1.6;

	--apui-select-bg: #ffffff;
	--apui-select-text: #212121;
	--apui-select-border: #737373;
	--apui-select-arrow: #1565c0;
	--apui-select-radius: 4px;
	--apui-select-height: 42px;
	--apui-select-padding-x: 16px;

	--apui-label-color: #1565c0;
	--apui-label-muted: #757575;
	--apui-label-font-size: 14px;
	--apui-label-font-weight: 500;
	--apui-label-gap: 8px;

	--apui-button-bg: #1565c0;
	--apui-button-hover-bg: #0d47a1;
	--apui-button-text: #ffffff;
	--apui-button-hover-text: #ffffff;
	--apui-button-border: #1565c0;
	--apui-button-hover-border: #0d47a1;
	--apui-button-secondary-bg: #ffffff;
	--apui-button-secondary-hover-bg: #e3f2fd;
	--apui-button-secondary-text: #1565c0;
	--apui-button-secondary-hover-text: #0d47a1;
	--apui-button-secondary-border: #1565c0;
	--apui-button-secondary-hover-border: #0d47a1;
	--apui-button-radius: 4px;
	--apui-button-height: 42px;
	--apui-button-padding-y: 10px;
	--apui-button-padding-x: 24px;
	--apui-button-border-width: 1px;
	--apui-button-font-size: 14px;
	--apui-button-weight: 500;
	--apui-button-gap: 8px;
}