/* ===========================================================================
   Marcus Performing Arts Center — Design System tokens (plugin build)
   Ported from the "Marcus Performing Arts Center Design System" project
   (claude.ai/design). Scoped to the plugin's roots so the custom properties
   never leak into or collide with the host theme's own variables.
   Fonts (Jost + Mulish) are enqueued separately via Google Fonts.
   =========================================================================== */
.sm-app,
.mpac-sm,
#sm-seating-app {
	/* --- Brand primaries --- */
	--mpac-purple: #2e1a46;
	--mpac-blue:   #002d74;
	--mpac-teal:   #008aab;
	/* --- Brand secondaries --- */
	--mpac-coral:  #e53e51;
	--mpac-gold:   #ffbf3c;
	/* --- Tints & shades --- */
	--mpac-purple-900: #1d0f2e;
	--mpac-purple-700: #2e1a46;
	--mpac-purple-500: #4a3168;
	--mpac-purple-100: #ede9f2;
	--mpac-blue-700: #002d74;
	--mpac-blue-500: #1a4a96;
	--mpac-blue-100: #e5ecf5;
	--mpac-teal-700: #006f8a;
	--mpac-teal-500: #008aab;
	--mpac-teal-300: #4fb4cc;
	--mpac-teal-100: #e0f2f6;
	--mpac-coral-700: #c62f42;
	--mpac-coral-500: #e53e51;
	--mpac-coral-100: #fce4e7;
	--mpac-gold-700: #e0a015;
	--mpac-gold-500: #ffbf3c;
	--mpac-gold-100: #fff4dc;
	/* --- Neutrals --- */
	--neutral-0:   #ffffff;
	--neutral-50:  #f7f7f9;
	--neutral-100: #eeeef2;
	--neutral-200: #dcdce4;
	--neutral-300: #c2c2ce;
	--neutral-400: #9797a6;
	--neutral-500: #6d6d7d;
	--neutral-600: #4f4f5c;
	--neutral-700: #3a3a44;
	--neutral-800: #26262e;
	--neutral-900: #14141a;
	/* --- Semantic aliases --- */
	--color-brand:           var(--mpac-purple);
	--color-brand-secondary: var(--mpac-teal);
	--color-accent:          var(--mpac-teal);
	--color-accent-warm:     var(--mpac-coral);
	--color-highlight:       var(--mpac-gold);
	--surface-page:    var(--neutral-0);
	--surface-subtle:  var(--neutral-50);
	--surface-sunken:  var(--neutral-100);
	--surface-card:    var(--neutral-0);
	--surface-inverse: var(--mpac-purple);
	--surface-brand:   var(--mpac-purple);
	--text-strong:   var(--mpac-purple);
	--text-body:     var(--neutral-800);
	--text-muted:    var(--neutral-500);
	--text-on-brand: var(--neutral-0);
	--text-link:     var(--mpac-teal-700);
	--border-subtle: var(--neutral-200);
	--border-strong: var(--neutral-300);
	--border-brand:  var(--mpac-purple);
	--focus-ring: var(--mpac-teal);
	--state-success: #1f8a5b;
	--state-error:   var(--mpac-coral-500);
	--state-warning: var(--mpac-gold-700);
	--state-info:    var(--mpac-teal-500);

	/* --- Typography --- */
	--font-display: 'Jost', 'Century Gothic', system-ui, sans-serif;
	--font-heading: 'Jost', 'Century Gothic', system-ui, sans-serif;
	--font-body:    'Mulish', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--font-ui:      'Mulish', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--fw-regular: 400; --fw-medium: 500; --fw-semibold: 600; --fw-bold: 700; --fw-extra: 800;
	--fs-display-xl: 4.5rem; --fs-display-l: 3.5rem; --fs-display-m: 2.75rem;
	--fs-h1: 2.25rem; --fs-h2: 1.75rem; --fs-h3: 1.375rem; --fs-h4: 1.125rem;
	--fs-body-lg: 1.125rem; --fs-body: 1rem; --fs-body-sm: 0.875rem; --fs-caption: 0.75rem; --fs-eyebrow: 0.8125rem;
	--lh-tight: 1.05; --lh-snug: 1.2; --lh-normal: 1.5; --lh-relaxed: 1.65;
	--ls-tight: -0.02em; --ls-normal: 0; --ls-wide: 0.04em; --ls-eyebrow: 0.14em;

	/* --- Spacing (8px grid) --- */
	--space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem; --space-4: 1rem;
	--space-5: 1.5rem; --space-6: 2rem; --space-7: 3rem; --space-8: 4rem; --space-9: 6rem; --space-10: 8rem;
	--container-max: 1200px; --container-wide: 1440px; --gutter: var(--space-5); --section-y: var(--space-9);

	/* --- Effects --- */
	--radius-sm: 4px; --radius-md: 8px; --radius-lg: 14px; --radius-xl: 24px; --radius-pill: 999px;
	--shadow-xs: 0 1px 2px rgba(46,26,70,0.06);
	--shadow-sm: 0 2px 6px rgba(46,26,70,0.08);
	--shadow-md: 0 6px 18px rgba(46,26,70,0.10);
	--shadow-lg: 0 16px 40px rgba(46,26,70,0.14);
	--shadow-focus: 0 0 0 3px rgba(0,138,171,0.35);
	--border-width: 1px; --border-width-thick: 2px;
	--ease-out: cubic-bezier(0.22,1,0.36,1);
	--ease-in-out: cubic-bezier(0.65,0,0.35,1);
	--dur-fast: 140ms; --dur-base: 220ms; --dur-slow: 360ms;
}