@font-face {
    font-family: "Outfit";
    src: url("/fonts/outfit-v15.woff2") format("woff2");
    font-style: normal;
    font-weight: 300 800;
    font-display: swap;
}

.marketing-surface {
    --font-sans: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    --color-primary: #ff5722;
    --color-primary-hover: #e64a19;
    --color-primary-light: #fff3e0;
    --color-secondary: #ffb74d;
    --color-accent: #ff9800;
    --color-dark: #0f172a;
    --color-dark-muted: #475569;
    --color-light: #fafaf9;
    --color-white: #ffffff;
    --shadow-sm: 0 1px 2px rgb(0 0 0 / 5%);
    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -2px rgb(0 0 0 / 10%);
    --shadow-lg: 0 12px 24px -8px rgb(15 23 42 / 16%);
    --shadow-xl: 0 24px 48px -16px rgb(15 23 42 / 20%);
    --border-radius: 1rem;
    background: var(--color-light);
    color: var(--color-dark);
    font-family: var(--font-sans);
}