/* ══════════════════════════════════════════════════════════
   AI OPERATOR — BRAND STANDARDS
   Single source of truth.
   • Web pages: <link rel="stylesheet" href="./brand.css">
   • Emails: use the EMAIL REFERENCE section below (inline only)
   • Collateral/print: use the PRINT REFERENCE section below
   ══════════════════════════════════════════════════════════ */

/* ── FONTS ── */
/* HEADINGS — Futura PT Heavy */
@font-face {
  font-family: 'FuturaPTBold';
  src: url('./fonts/FuturaPT-Heavy-v3.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: block;
}
/* LOGO + BUTTONS — Futura PT Medium */
@font-face {
  font-family: 'FuturaPTLight';
  src: url('./fonts/FuturaPT-Medium-v1.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: block;
}

/* ── TOKENS ── */
:root {
  /* Colours */
  --black:  #030303;
  --red:    #E8272A;
  --white:  #ffffff;
  --grey:   #555;
  --light:  #999;
  --border: #141414;

  /* Typography */
  --font-heading: 'FuturaPTBold', 'Futura', 'Inter', sans-serif;   /* h1/h2/h3 — Futura PT Heavy → Inter fallback */
  --font-logo:    'FuturaPTLight', 'Futura', 'Inter', sans-serif;   /* logo, nav, buttons — Futura PT Medium → Inter fallback */
  --font-display: 'FuturaPTBold', 'Futura', 'Inter', sans-serif;   /* alias */
  --font-body:    'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

  /* Heading weights */
  --weight-display: 900;   /* Futura PT Heavy — headings */
  --weight-logo:    500;   /* Futura PT Medium — logo + buttons */
  --weight-bold:    700;
  --weight-medium:  500;
  --weight-regular: 400;
  --weight-light:   300;

  /* Letter spacing */
  --tracking-tight:  -0.03em;
  --tracking-normal:  0;
  --tracking-wide:    0.12em;
  --tracking-wider:   0.22em;
}


/* ══════════════════════════════════════════════════════════
   EMAIL REFERENCE — inline styles only (no external CSS in email)
   Copy these values directly into style="" attributes.
   ══════════════════════════════════════════════════════════

   COLOURS (hex — safe for all email clients)
   --black:  #030303   → background, outer wrapper
   --red:    #E8272A   → CTA buttons, accent text, dividers
   --white:  #ffffff   → body background, primary text on dark
   --grey:   #555555   → secondary text, footers
   --light:  #999999   → meta text, timestamps
   --border: #1e1e1e   → dividers on dark backgrounds
   --offwhite: #f5f5f5 → body background on light layouts

   TYPOGRAPHY (email-safe fallback stack — no custom fonts)
   Headings:  font-family: Arial Black, Arial, Helvetica, sans-serif; font-weight: 900; text-transform: uppercase; letter-spacing: -0.02em;
   Body:      font-family: Arial, Helvetica, sans-serif; font-weight: 400; font-size: 16px; line-height: 1.6; color: #222222;
   Small/meta: font-size: 13px; color: #999999;
   Label/pill: font-size: 11px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: #E8272A;

   NOTE: Futura is NOT safe in email clients. Arial Black is the closest
   available system font for headings. Use it for all email h1/h2.

   BUTTON STYLE (inline)
   background-color: #E8272A; color: #ffffff; font-family: Arial Black, Arial, sans-serif;
   font-size: 14px; font-weight: 900; letter-spacing: 0.1em; text-transform: uppercase;
   padding: 14px 32px; text-decoration: none; display: inline-block;

   LAYOUT
   Max width:    600px (centred, all clients)
   Inner padding: 40px 32px
   Dark header:  background-color: #030303; color: #ffffff;
   Light body:   background-color: #ffffff; color: #222222;

   LOGO TEXT (email-safe — no SVG)
   <span style="font-family: Arial Black, sans-serif; font-weight: 900; font-size: 18px; text-transform: uppercase; letter-spacing: 0.05em; color: #ffffff;">AI <span style="color: #E8272A;">OPERATOR</span></span>

   ══════════════════════════════════════════════════════════ */


/* ══════════════════════════════════════════════════════════
   PRINT / COLLATERAL REFERENCE
   ══════════════════════════════════════════════════════════

   COLOURS (CMYK equivalents for print)
   Black:  #030303  →  CMYK 0/0/0/99
   Red:    #E8272A  →  CMYK 0/82/81/9  (Pantone 485 C closest match)
   White:  #ffffff  →  unprinted stock

   TYPOGRAPHY
   Display headings: Futura LT Condensed Extra Bold — uppercase, tight tracking
   Body copy:        Inter Regular / Light — 10–12pt, 1.5 line height
   Captions/labels:  Inter Medium — 8pt, 0.2em tracking, uppercase

   SAFE SIZES
   Business card:    90×55mm
   Lanyard card:     85×54mm (portrait)
   A4 brief/runsheet: standard margins 20mm
   Social tile:      1080×1080px (Instagram), 1200×628px (Facebook/OG)

   ══════════════════════════════════════════════════════════ */