/* * Cometeer brand fonts — Agipo (display) + BauTF (text). * Drop-in stylesheet for any cometeer prototype. Include with: * * * Registers two family names that prototype CSS can reference directly: * - "Agipo" → display / large headings (Bold Condensed only) * - "BauTF" → body text (Regular / Medium / Bold) * * For Figma-mirrored prototypes whose typography is baked into Figma's * runtime (Inter / Roboto / etc.), add `class="cometeer-fonts"` to * and the override block below forces brand fonts everywhere. */ /* ----- Agipo (display) ----- */ @font-face { font-family: "Agipo"; font-style: normal; font-weight: 700; font-display: swap; src: url("/_fonts/agipo/agipo_bold_condensed.otf") format("opentype"); } /* ----- BauTF (text) ----- */ @font-face { font-family: "BauTF"; font-style: normal; font-weight: 400; font-display: swap; src: url("/_fonts/bautf/BauTF-Regular.otf") format("opentype"); } @font-face { font-family: "BauTF"; font-style: normal; font-weight: 500; font-display: swap; src: url("/_fonts/bautf/BauTF-Medium.otf") format("opentype"); } @font-face { font-family: "BauTF"; font-style: normal; font-weight: 700; font-display: swap; src: url("/_fonts/bautf/BauTF-Bold.ttf") format("truetype"); } /* ----- Opt-in override ----- * For Figma-mirrored prototypes whose font-family is baked into Figma's * runtime ("Inter", "Roboto", "SF Pro"), add `class="cometeer-fonts"` * to and these rules force BauTF for body + Agipo for display. */ .cometeer-fonts, .cometeer-fonts * { font-family: "BauTF", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; } .cometeer-fonts h1, .cometeer-fonts h2, .cometeer-fonts .display, .cometeer-fonts [class*="display"], .cometeer-fonts [class*="hero"], .cometeer-fonts [class*="headline"] { font-family: "Agipo", "BauTF", serif !important; font-weight: 700; } .cometeer-fonts code, .cometeer-fonts pre, .cometeer-fonts kbd, .cometeer-fonts samp { font-family: ui-monospace, Menlo, Monaco, monospace !important; }