/* Verbatim :root token block from ../theme-3.8.38/assets/css/main.css.
   Isolated here so historical theme overrides do not affect the prototype. */
:root {
	/* Brand Colors */
	--color-navy:          #2C4A3E; /* Deep forest */
	--color-teal:          #7A9B7E; /* Sage */
	--color-coral:         #C66B3D; /* Warm terracotta */
	--color-bg-light:      #FAF5EE; /* Warm cream */
	--color-white:         #FDFAF4;
	--color-text-dark:     #1F2A24;
	--color-text-muted:    #4A453E;
	--color-border:        #E8DFD0;

	/* Derived Colors */
	--color-navy-light:    #3A5C4E;
	--color-navy-dark:     #1F362C;
	--color-teal-light:    #EDF1EC;
	--color-teal-dark:     #5A7B5E;
	--color-coral-light:   #DC8A60;
	--color-coral-dark:    #9F5024;
	--color-teal-bg:       #EDF1EC;
	--color-coral-bg:      #FAEDE0;
	--color-ivory:         #FDFAF4;
	--color-mint:          #EDF1EC;
	--color-sand:          #E8DFD0;
	--color-cream-deep:    #F2E8D5;
	--color-paper:         #FAF5EE;
	--color-highlight:     #F4D19E;

	/* Typography */
	--font-family:         'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	--font-family-display: 'Fraunces', 'Georgia', 'Times New Roman', serif;
	--font-size-xs:        0.75rem;
	--font-size-sm:        0.875rem;
	--font-size-base:      1rem;
	--font-size-md:        1.125rem;
	--font-size-lg:        1.25rem;
	--font-size-xl:        1.5rem;
	--font-size-2xl:       2rem;
	--font-size-3xl:       2.5rem;
	--font-size-4xl:       3rem;
	--font-size-5xl:       3.5rem;

	--font-weight-regular: 400;
	--font-weight-medium:  500;
	--font-weight-semibold: 600;
	--font-weight-bold:    700;
	--font-weight-extrabold: 800;

	--line-height-tight:   1.2;
	--line-height-normal:  1.5;
	--line-height-relaxed: 1.7;

	/* Spacing */
	--space-1:  0.25rem;
	--space-2:  0.5rem;
	--space-3:  0.75rem;
	--space-4:  1rem;
	--space-5:  1.25rem;
	--space-6:  1.5rem;
	--space-8:  2rem;
	--space-10: 2.5rem;
	--space-12: 3rem;
	--space-16: 4rem;
	--space-20: 5rem;
	--space-24: 6rem;

	/* Border Radius */
	--radius-sm:   4px;
	--radius-md:   8px;
	--radius-lg:   12px;
	--radius-xl:   16px;
	--radius-2xl:  24px;
	--radius-full: 9999px;

	/* Shadows */
	--shadow-sm:   0 1px 2px rgba(44, 74, 62, 0.06);
	--shadow-md:   0 4px 8px rgba(44, 74, 62, 0.08), 0 1px 3px rgba(44, 74, 62, 0.06);
	--shadow-lg:   0 12px 28px rgba(44, 74, 62, 0.10), 0 4px 10px rgba(44, 74, 62, 0.05);
	--shadow-xl:   0 24px 56px rgba(44, 74, 62, 0.12), 0 10px 22px rgba(44, 74, 62, 0.06);

	/* Transitions */
	--transition-fast:   150ms ease;
	--transition-normal: 250ms ease;
	--transition-slow:   350ms ease;

	/* Layout */
	--container-max:     1200px;
	--container-padding: var(--space-6);
	--header-height:     72px;
}