:root{--color-primary: #0b1f3b;--color-secondary: #3f5f7a;--color-accent: #f47c20;--color-success: #1c7c54;--color-warning: #c67912;--color-danger: #b42318;--color-background: #f4f7fb;--color-surface: #ffffff;--color-text: #142233;--color-text-muted: #5f6c7b;--color-label: var(--color-secondary);--font-heading: "Montserrat", "Poppins", "Outfit", "Segoe UI", sans-serif;--font-body: "Inter", "Source Sans Pro", "Segoe UI", sans-serif;--font-heading-display: var(--font-heading);--font-body-display: var(--font-body);--font-size-xs: clamp(.75rem, .74rem + .05vw, .8rem);--font-size-sm: clamp(.88rem, .85rem + .08vw, .95rem);--font-size-md: clamp(1rem, .98rem + .15vw, 1.1rem);--font-size-lg: clamp(1.15rem, 1.08rem + .35vw, 1.35rem);--font-size-xl: clamp(1.38rem, 1.22rem + .8vw, 1.8rem);--font-size-2xl: clamp(1.8rem, 1.55rem + 1.1vw, 2.5rem);--font-size-3xl: clamp(2.3rem, 1.95rem + 1.6vw, 3.2rem);--line-height-tight: 1.2;--line-height-normal: 1.55;--line-height-relaxed: 1.75;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--space-2: var(--spacing-xs);--space-4: var(--spacing-sm);--space-6: var(--spacing-md);--space-8: var(--spacing-lg);--space-12: var(--spacing-xl);--space-16: var(--spacing-2xl);--space-3: var(--spacing-sm);--space-5: 1.25rem;--space-10: clamp(2.5rem, 6vw, 4rem);--section-gap: var(--spacing-2xl);--section-intro-max: 65ch;--layout-gutter: var(--spacing-xl);--layout-max: 76.25rem;--icon-container-size: 3.25rem;--icon-container-radius: var(--component-radius-md);--icon-glyph-size: 1.65rem;--icon-container-bg: color-mix(in srgb, var(--color-primary) 9%, var(--color-surface));--icon-glyph-color: var(--color-primary);--card-padding-block: var(--spacing-xl);--card-padding-inline: var(--spacing-lg);--card-gap: var(--spacing-md);--card-hover-lift: -1px;--radius-sm: .375rem;--radius-md: .75rem;--radius-lg: 1rem;--shadow-sm: 0 1px 2px rgb(15 23 42 / 8%), 0 1px 1px rgb(15 23 42 / 4%);--shadow-md: 0 8px 24px rgb(15 23 42 / 10%), 0 2px 6px rgb(15 23 42 / 6%);--shadow-lg: 0 16px 40px rgb(15 23 42 / 12%), 0 4px 12px rgb(15 23 42 / 8%);--border-soft: 1px solid color-mix(in srgb, var(--color-secondary) 26%, var(--color-surface));--max-width: var(--layout-max);--max-width-wide: var(--wp--style--global--wide-size, 76.25rem);--transition-base: .22s ease;--component-padding-block: var(--spacing-md);--component-padding-inline: var(--spacing-lg);--component-gap: var(--spacing-lg);--component-radius-sm: var(--radius-sm);--component-radius-md: var(--radius-md);--component-radius-lg: var(--radius-lg);--component-radius-pill: 999rem;--component-shadow-sm: var(--shadow-sm);--component-shadow-md: var(--shadow-md);--component-shadow-lg: var(--shadow-lg);--state-hover-bg: color-mix(in srgb, var(--color-accent) 12%, var(--color-surface));--state-hover-text: var(--color-primary);--state-hover-border: color-mix(in srgb, var(--color-accent) 44%, var(--color-secondary));--state-active-bg: color-mix(in srgb, var(--color-primary) 12%, var(--color-surface));--state-active-text: var(--color-surface);--state-active-border: color-mix(in srgb, var(--color-primary) 62%, var(--color-secondary));--state-focus-ring: 0 0 0 3px color-mix(in srgb, var(--color-accent) 45%, transparent);--state-focus-ring-offset: 2px;--focus-ring: var(--state-focus-ring);--state-disabled-bg: color-mix(in srgb, var(--color-surface) 90%, var(--color-background));--state-disabled-text: var(--color-text-muted);--state-disabled-border: color-mix(in srgb, var(--color-secondary) 18%, var(--color-surface));--state-disabled-opacity: .58;--state-success-bg: color-mix(in srgb, var(--color-success) 12%, var(--color-surface));--state-success-text: var(--color-success);--state-success-border: color-mix(in srgb, var(--color-success) 44%, var(--color-secondary));--state-warning-bg: color-mix(in srgb, var(--color-warning) 12%, var(--color-surface));--state-warning-text: var(--color-warning);--state-warning-border: color-mix(in srgb, var(--color-warning) 44%, var(--color-secondary));--state-error-bg: color-mix(in srgb, var(--color-danger) 12%, var(--color-surface));--state-error-text: var(--color-danger);--state-error-border: color-mix(in srgb, var(--color-danger) 44%, var(--color-secondary))}:root[data-component-density=compact]{--component-padding-block: var(--spacing-sm);--component-padding-inline: var(--spacing-md);--component-gap: var(--spacing-sm)}:root[data-component-density=comfortable]{--component-padding-block: var(--spacing-md);--component-padding-inline: var(--spacing-lg);--component-gap: var(--spacing-lg)}:root[data-component-density=spacious]{--component-padding-block: var(--spacing-lg);--component-padding-inline: var(--spacing-xl);--component-gap: var(--spacing-xl)}:root[data-component-shape=square]{--component-radius-sm: 0;--component-radius-md: 0;--component-radius-lg: 0;--component-radius-pill: 0}:root[data-component-shape=soft]{--component-radius-sm: var(--radius-sm);--component-radius-md: var(--radius-md);--component-radius-lg: var(--radius-lg);--component-radius-pill: 999rem}:root[data-component-shape=rounded]{--component-radius-sm: .5rem;--component-radius-md: 1rem;--component-radius-lg: 1.25rem;--component-radius-pill: 999rem}:root[data-component-shape=pill]{--component-radius-sm: 999rem;--component-radius-md: 999rem;--component-radius-lg: 999rem;--component-radius-pill: 999rem}:root[data-component-shadow=none]{--component-shadow-sm: none;--component-shadow-md: none;--component-shadow-lg: none}:root[data-component-shadow=subtle]{--component-shadow-sm: var(--shadow-sm);--component-shadow-md: var(--shadow-md);--component-shadow-lg: var(--shadow-lg)}:root[data-component-shadow=medium]{--component-shadow-sm: var(--shadow-sm);--component-shadow-md: var(--shadow-lg);--component-shadow-lg: 0 22px 48px rgb(15 23 42 / 14%)}:root[data-component-shadow=elevated]{--component-shadow-sm: var(--shadow-md);--component-shadow-md: var(--shadow-lg);--component-shadow-lg: 0 28px 60px rgb(15 23 42 / 18%)}
