:root {
  color-scheme: light;

  /* WeddingFlow palette — bright neutral canvas with pink as a sparing brand accent. */
  --color-background: #F6F7F9;
  --color-surface: #FFFFFF;
  --color-surface-lowest: #FFFFFF;
  --color-surface-low: #FAFAFA;
  --color-surface-container: #F5F5F5;
  --color-surface-high: #EFEFEF;
  --color-surface-highest: #E5E5E5;
  --color-surface-dim: #D8D8D8;
  --color-text: #262626;
  --color-text-muted: #6B7280;
  --color-primary: #F06292;
  --color-primary-hover: #EC4C82;
  --color-on-primary: #FFFFFF;
  --color-primary-container: #FDECEF;
  --color-primary-subtle: #FDECEF;
  --color-on-primary-subtle: #C2185B;
  --color-on-primary-subtle-variant: #C2185B;
  --color-secondary: #6B7280;
  --color-on-secondary: #FFFFFF;
  --color-secondary-subtle: #F5F5F5;
  --color-on-secondary-subtle: #262626;
  --color-neutral: #A1A1AA;
  --color-neutral-subtle: #F5F5F5;
  --color-border: #ECECEC;
  --color-border-subtle: #ECECEC;
  --color-warning-soft: #FDECEF;
  --color-warning-text: #C2185B;
  --color-danger-soft: #FDEEEC;
  --color-success-soft: #EAF7EE;
  --color-positive-text: #2F8F52;
  --color-info-soft: #EAF1FB;
  --color-info-text: #3B6FB0;
  --color-purple-soft: #F3EEFA;
  --color-purple-text: #7C5CBF;
  --color-error: #E4574B;
  --color-on-error: #FFFFFF;
  --color-error-container: #FDEEEC;
  --color-on-error-container: #B23B30;
  --color-champagne-decoration: #C9B79C;
  --color-field: #FFFFFF;
  --color-field-hover: #F7F7F7;
  --color-disabled: #F0F0F0;
  --color-placeholder: #A1A1AA;
  --color-error-soft: #FDEEEC;

  --font-editorial: "Fraunces", Georgia, serif;
  --font-functional: "Inter", "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-xs: var(--space-1);
  --space-sm: var(--space-2);
  --space-md: var(--space-4);
  --space-gutter: var(--space-6);
  --space-lg: var(--space-8);
  --space-xl: var(--space-10);

  --radius-control: .75rem;
  --radius-container: 1.25rem;
  --border-default: 1px;
  --border-active: 2px;
  --shadow-ambient: 0 1px 2px rgba(38, 38, 38, .03), 0 6px 20px rgba(38, 38, 38, .04);
  --shadow-floating: 0 16px 40px rgba(38, 38, 38, .14);
  --layout-sidebar-width: 15.625rem;
  --layout-sidebar-collapsed-width: 4.5rem;
  --layout-content-max: 90rem;
  --container-wide: 92.5rem;
  --container-medium: 60rem;
  --layout-topbar-height: 3.75rem;
  --layout-bottom-nav-height: 4rem;
  --transition-fast: 140ms ease;
  --transition-standard: 200ms ease;
  --focus-ring: 0 0 0 3px rgba(240, 98, 146, .28);
}