/* ============================================================
SORA DESIGN SYSTEM — Font Declarations
============================================================
Fonts used:
- Power Grotesk (display / headings) — purchased license required
- Inter (body) — free, available on Google Fonts
- Source Code Pro (buttons / captions) — free, available on Google Fonts
Option A: Google Fonts CDN (Inter + Source Code Pro only)
Add this to your HTML :
Option B: Self-hosted (all three fonts)
Place font files in /design-system/fonts/ and uncomment below.
============================================================ */
/* --- Power Grotesk (must be self-hosted — licensed font) --- */
@font-face {
font-family: 'Power Grotesk';
src: url('./PowerGrotesk-Light.woff2') format('woff2');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Power Grotesk';
src: url('./PowerGrotesk-Regular.woff2') format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Power Grotesk';
src: url('./PowerGrotesk-Medium.woff2') format('woff2');
font-weight: 500;
font-style: normal;
font-display: swap;
}
/* --- Inter (self-hosted fallback) --- */
/*
@font-face {
font-family: 'Inter';
src: url('./Inter-Regular.woff2') format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Inter';
src: url('./Inter-Medium.woff2') format('woff2');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Inter';
src: url('./Inter-SemiBold.woff2') format('woff2');
font-weight: 600;
font-style: normal;
font-display: swap;
}
*/
/* --- Source Code Pro (self-hosted fallback) --- */
/*
@font-face {
font-family: 'Source Code Pro';
src: url('./SourceCodePro-Medium.woff2') format('woff2');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Source Code Pro';
src: url('./SourceCodePro-SemiBold.woff2') format('woff2');
font-weight: 600;
font-style: normal;
font-display: swap;
}
*/