tailwind.config = { darkMode: "class", theme: { extend: { colors: { "primary-fixed-dim": "rgb(var(--primary-rgb) / )", "on-surface": "rgb(var(--text-rgb) / )", "on-tertiary-fixed-variant": "rgb(var(--text-on-primary-rgb) / )", "on-tertiary-fixed": "rgb(var(--text-on-primary-rgb) / )", "surface-container": "rgb(var(--surface-rgb) / )", "surface": "rgb(var(--surface-rgb) / )", "tertiary": "rgb(var(--tertiary-rgb) / )", "tertiary-fixed": "rgb(var(--tertiary-rgb) / )", "background": "rgb(var(--bg-rgb) / )", "surface-dim": "rgb(var(--surface-rgb) / )", "outline-variant": "rgb(var(--border-rgb) / )", "surface-container-lowest": "rgb(var(--surface-rgb) / )", "error-container": "#93000a", "inverse-surface": "#e4e1e7", "inverse-primary": "rgb(var(--primary-rgb) / )", "on-tertiary": "rgb(var(--text-on-primary-rgb) / )", "secondary-container": "rgb(var(--accent-rgb) / )", "on-error": "#690005", "on-secondary": "rgb(var(--text-on-primary-rgb) / )", "on-primary-fixed": "rgb(var(--text-on-primary-rgb) / )", "surface-tint": "rgb(var(--surface-rgb) / )", "secondary": "rgb(var(--accent-rgb) / )", "on-tertiary-container": "rgb(var(--text-on-primary-rgb) / )", "primary": "rgb(var(--primary-rgb) / )", "on-surface-variant": "rgb(var(--text-rgb) / )", "primary-container": "rgb(var(--primary-rgb) / )", "inverse-on-surface": "#303034", "on-error-container": "#ffdad6", "on-secondary-container": "rgb(var(--text-on-primary-rgb) / )", "surface-bright": "rgb(var(--surface-rgb) / )", "on-primary": "rgb(var(--text-on-primary-rgb) / )", "tertiary-fixed-dim": "rgb(var(--tertiary-rgb) / )", "surface-container-low": "rgb(var(--surface-rgb) / )", "secondary-fixed": "rgb(var(--accent-rgb) / )", "primary-fixed": "rgb(var(--primary-rgb) / )", "on-background": "rgb(var(--text-rgb) / )", "on-secondary-fixed": "rgb(var(--text-on-primary-rgb) / )", "on-secondary-fixed-variant": "rgb(var(--text-on-primary-rgb) / )", "tertiary-container": "rgb(var(--tertiary-rgb) / )", "surface-container-high": "rgb(var(--surface-rgb) / )", "on-primary-fixed-variant": "rgb(var(--text-on-primary-rgb) / )", "error": "#ffb4ab", "surface-container-highest": "rgb(var(--surface-rgb) / )", "outline": "rgb(var(--border-rgb) / )", "on-primary-container": "rgb(var(--text-on-primary-rgb) / )", "surface-variant": "rgb(var(--surface-rgb) / )", "secondary-fixed-dim": "rgb(var(--accent-rgb) / )" }, borderRadius: { "DEFAULT": "0.125rem", "lg": "0.25rem", "xl": "0.5rem", "full": "0.75rem" }, spacing: { "container-max": "1280px", "section-gap": "160px", "margin-mobile": "20px", "stack-gap": "24px", "gutter": "32px" }, fontFamily: { "display-lg": ["Playfair Display", "serif"], "body-md": ["Inter", "sans-serif"], "label-caps": ["Inter", "sans-serif"], "display-lg-mobile": ["Playfair Display", "serif"], "headline-md": ["Playfair Display", "serif"], "body-lg": ["Inter", "sans-serif"], "headline-xl": ["Playfair Display", "serif"] }, fontSize: { "display-lg": ["84px", { lineHeight: "92px", letterSpacing: "-0.02em", fontWeight: "700" }], "body-md": ["16px", { lineHeight: "24px", fontWeight: "400" }], "label-caps": ["12px", { lineHeight: "16px", letterSpacing: "0.1em", fontWeight: "600" }], "display-lg-mobile": ["48px", { lineHeight: "52px", letterSpacing: "-0.01em", fontWeight: "700" }], "headline-md": ["36px", { lineHeight: "44px", fontWeight: "500" }], "body-lg": ["20px", { lineHeight: "32px", fontWeight: "400" }], "headline-xl": ["60px", { lineHeight: "68px", fontWeight: "600" }] } } } }