/**
 * AvelCoop Design System - Core Variables
 *
 * Site-wide design tokens loaded via wp_register_style.
 * Loaded after theme/child-theme/Additional CSS to allow overrides.
 */

:root {
	/* Action colors */
	--avelcoop-primary-color:          #235d46;
	--avelcoop-action-primary_color:   var( --avelcoop-primary-color );
	--avelcoop-secondary-color:        #102c20;
	--avelcoop-action-secondary_color: var( --avelcoop-secondary-color );
	--avelcoop-accent-color:           var( --avelcoop-primary-color );
	--avelcoop-action-accent_color:    var( --avelcoop-accent-color );
	--avelcoop-on-accent-color:        #fff;

	/* Text colors */
	--avelcoop-text-primary:           #26372d;
	--avelcoop-text-text_primary:      var( --avelcoop-text-primary );
	--avelcoop-text-secondary:         #59685e;
	--avelcoop-text-text_secondary:    var( --avelcoop-text-secondary );
	--avelcoop-muted:                  var( --avelcoop-text-secondary );
	--avelcoop-text:                   var( --avelcoop-text-primary );

	/* Surface colors */
	--avelcoop-bg-page:                #fafbf8;
	--avelcoop-bg-surface:             #fff;
	--avelcoop-surfaces-bg_surface:    var( --avelcoop-bg-surface );
	--avelcoop-bg-surface-alt:         #edf3ec;
	--avelcoop-surfaces-bg_surface_alt: var( --avelcoop-bg-surface-alt );
	--avelcoop-soft:                   var( --avelcoop-bg-surface-alt );

	/* Border settings */
	--avelcoop-border-radius:          8px;
	--avelcoop-borders-border_radius:  var( --avelcoop-border-radius );
	--avelcoop-border-width:           1px;
	--avelcoop-borders-border_width:   var( --avelcoop-border-width );
	--avelcoop-border-color:           #d9e2d9;
	--avelcoop-border:                 var( --avelcoop-border-color );

	/* Feedback colors */
	--avelcoop-success-color:          #46b450;
	--avelcoop-feedback-success_color: var( --avelcoop-success-color );
	--avelcoop-warning-color:          #ff8c00;
	--avelcoop-feedback-warning_color: var( --avelcoop-warning-color );
	--avelcoop-error-color:            #a72c24;
	--avelcoop-feedback-error_color:  var( --avelcoop-error-color );

	/* Spacing */
	--avelcoop-spacing-xs:       4px;
	--avelcoop-spacing-sm:       8px;
	--avelcoop-spacing-md:       16px;
	--avelcoop-spacing-lg:       24px;
	--avelcoop-spacing-xl:       32px;

	/* Typography */
	--avelcoop-font-family:      -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	--avelcoop-font-size-sm:     0.875rem;
	--avelcoop-font-size-md:     1rem;
	--avelcoop-font-size-lg:     1.25rem;
	--avelcoop-font-size-xl:     1.5rem;

	/* Shadows */
	--avelcoop-shadow-sm:        0 1px 2px rgba( 0, 0, 0, 0.05 );
	--avelcoop-shadow-md:        0 4px 6px rgba( 0, 0, 0, 0.1 );
	--avelcoop-shadow-lg:        0 10px 15px rgba( 0, 0, 0, 0.1 );

	/* Transitions */
	--avelcoop-transition-fast:   150ms ease-in-out;
	--avelcoop-transition-base:   250ms ease-in-out;
}

/* Reduced motion preference */
@media ( prefers-reduced-motion: reduce ) {
	:root {
		--avelcoop-transition-fast: 0ms;
		--avelcoop-transition-base: 0ms;
	}
}

.avelcoop-credit { font: 12px/1.55 var(--avelcoop-font-family); color: var(--avelcoop-muted); text-align: center; padding: 18px; border-top: 1px solid var(--avelcoop-border-color); }