/* Blendo — Brand Fonts & Tokens
   Shared by the Laravel app shell and legacy Blade views. Keep this aligned
   with marketing/src/components/blendo and marketing/src/pages brand tokens. */

/* Body — Satoshi */
@font-face { font-family: 'Satoshi'; font-weight: 400; font-display: swap; src: url('https://blendo.com/fonts/satoshi/satoshi-400.woff2') format('woff2'); }
@font-face { font-family: 'Satoshi'; font-weight: 500; font-display: swap; src: url('https://blendo.com/fonts/satoshi/satoshi-500.woff2') format('woff2'); }
@font-face { font-family: 'Satoshi'; font-weight: 700; font-display: swap; src: url('https://blendo.com/fonts/satoshi/satoshi-700.woff2') format('woff2'); }
@font-face { font-family: 'Satoshi'; font-weight: 900; font-display: swap; src: url('https://blendo.com/fonts/satoshi/satoshi-900.woff2') format('woff2'); }

/* Display */
@font-face { font-family: 'Plus Jakarta Sans'; font-weight: 700; font-display: swap; src: url('https://blendo.com/fonts/plus-jakarta-sans/plus-jakarta-sans-700.woff2?v=2') format('woff2'); }
@font-face { font-family: 'Plus Jakarta Sans'; font-weight: 800; font-display: swap; src: url('https://blendo.com/fonts/plus-jakarta-sans/plus-jakarta-sans-800.woff2?v=2') format('woff2'); }

/* Legacy display font retained for older Blade/Wordmark surfaces during rebrand. */
@font-face { font-family: 'Playfair Display'; font-weight: 400; font-display: swap; src: url('https://blendo.com/fonts/playfair-display/playfair-display-400.woff2') format('woff2'); }
@font-face { font-family: 'Playfair Display'; font-weight: 500; font-display: swap; src: url('https://blendo.com/fonts/playfair-display/playfair-display-500.woff2') format('woff2'); }
@font-face { font-family: 'Playfair Display'; font-weight: 600; font-display: swap; src: url('https://blendo.com/fonts/playfair-display/playfair-display-600.woff2') format('woff2'); }
@font-face { font-family: 'Playfair Display'; font-weight: 700; font-display: swap; src: url('https://blendo.com/fonts/playfair-display/playfair-display-700.woff2') format('woff2'); }
@font-face { font-family: 'Playfair Display'; font-weight: 800; font-display: swap; src: url('https://blendo.com/fonts/playfair-display/playfair-display-800.woff2') format('woff2'); }
@font-face { font-family: 'Playfair Display'; font-weight: 900; font-display: swap; src: url('https://blendo.com/fonts/playfair-display/playfair-display-900.woff2') format('woff2'); }

/* Mono */
@font-face { font-family: 'DM Mono'; font-weight: 300; font-display: swap; src: url('https://blendo.com/fonts/dm-mono/dm-mono-300.woff2') format('woff2'); }
@font-face { font-family: 'DM Mono'; font-weight: 400; font-display: swap; src: url('https://blendo.com/fonts/dm-mono/dm-mono-400.woff2') format('woff2'); }
@font-face { font-family: 'DM Mono'; font-weight: 500; font-display: swap; src: url('https://blendo.com/fonts/dm-mono/dm-mono-500.woff2') format('woff2'); }

/* Brand tokens */
:root {
    --brand-bg: #ffffff;
    --brand-soft: #f7f8fc;
    --brand-ink: #08111f;
    --brand-muted: #526078;
    --brand-quiet: #8290a6;
    --brand-line: #e2e8f2;
    --brand-blue: #145efe;
    --brand-purple: #7a4ef7;
    --brand-faint: #eef3ff;
    --brand-line-blue: rgba(20, 94, 254, 0.18);
    --brand-gradient: linear-gradient(135deg, var(--brand-blue) 0%, var(--brand-purple) 100%);
    --brand-shadow-sm: 0 14px 34px rgba(16, 24, 40, 0.06);
    --brand-heading: 'Plus Jakarta Sans', 'Satoshi', system-ui, sans-serif;
    --brand-body: 'Satoshi', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --brand-mono: 'DM Mono', monospace;
    --brand-radius-button: 12px;
    --brand-control-height: 50px;
    --brand-focus: 0 0 0 3px rgba(20, 94, 254, 0.14);
}