/* Optimus — Brand Fonts & Tokens
   Single source of truth. Included by app.blade.php, gallery Blade views, and index.html.
   See .claude/brand-guidelines.md for full spec. */

/* Display */
@font-face { font-family: 'Bebas Neue'; font-weight: 400; font-display: swap; src: url('/fonts/bebas-neue/bebas-neue-400.woff2') format('woff2'); }

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

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

/* Brand tokens */
:root {
    --brand-red: #ef233c;
    --brand-blue: #2563eb;
    --brand-bg: #ffffff;
    --brand-ink: #0a0a0a;
    --brand-heading: 'Bebas Neue', sans-serif;
    --brand-body: 'Satoshi', sans-serif;
    --brand-mono: 'DM Mono', monospace;
}