/* Default skin — neutral, light, WP-admin friendly. */

:root {
	--c7-color-primary:        #2271b1;
	--c7-color-primary-hover:  #135e96;
	--c7-color-primary-text:   #ffffff;
	--c7-color-bg:             #ffffff;
	--c7-color-surface:        #f6f7f7;
	--c7-color-text:           #1d2327;
	--c7-color-text-muted:     #646970;
	--c7-color-border:         #c3c4c7;
	--c7-color-error:          #b32d2e;
	--c7-color-success:        #008a20;

	--c7-font-heading:         inherit;
	--c7-font-body:            inherit;
	--c7-font-size-base:       1rem;
	--c7-line-height-base:     1.5;
	--c7-letter-spacing-button: 0.02em;

	--c7-space-xs:             6px;
	--c7-space-sm:             12px;
	--c7-space-md:             16px;
	--c7-space-lg:             24px;
	--c7-space-xl:             40px;

	--c7-radius:               4px;
	--c7-border-width:         1px;
	--c7-focus-ring:           2px solid #2271b1;

	--c7-transition-fast:      120ms ease;
	--c7-transition-base:      200ms ease;

	--c7-btn-padding-y:        12px;
	--c7-btn-padding-x:        24px;
	--c7-btn-font-weight:      500;
	--c7-btn-text-transform:   none;

	--c7-input-bg:             #ffffff;
	/* #8c8f94 on white = 3.24:1, clearing the WCAG 1.4.11 3:1 non-text
	   contrast floor for the input boundary (was #c3c4c7 = 1.74:1). Matches
	   the WP-admin form-field border palette. */
	--c7-input-border-color:   #8c8f94;
	--c7-input-radius:         4px;
	--c7-input-padding-y:      10px;
	--c7-input-padding-x:      14px;
	/* 0.75 alpha composites to ~3.25:1 on white, clearing WCAG 1.4.11 for the
	   focus-ring box-shadow (was 0.25 alpha = 1.41:1). */
	--c7-input-focus-ring:     rgba(34, 113, 177, 0.75);

	--c7-modal-bg:             #ffffff;
	--c7-modal-overlay-bg:     rgba(0, 0, 0, 0.55);
	--c7-modal-radius:         8px;
	--c7-modal-shadow:         0 30px 60px rgba(0, 0, 0, 0.25);
	--c7-modal-max-width:      520px;
}