/* ============================================================
   FLINT BRAND: LOCKED DESIGN SYSTEM (source of truth)
   Extracted verbatim from the last approved Flint deliverable:
   deliverables/flint-claude-process-map.html ("Flint Claude: An AI Agent Workforce").
   This OVERRIDES any palette scraped from flintgroup.au.
   The impeccable design pass and the portal MUST use these tokens,
   the real Armand Grotesk font, and the official logo assets in this folder.
   Assets: armand-grotesk-1.woff (regular), armand-grotesk-2.woff (bold),
           flint-logo-official.png, nbh-mark.svg
   ============================================================ */

@font-face {
  font-family: 'Armand Grotesk';
  src: url('./armand-grotesk-1.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Armand Grotesk';
  src: url('./armand-grotesk-2.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* core palette (exact) */
  --ink: #2a1320;
  --ink-soft: #6b5560;
  --surface: #fffaf5;
  --cream: #fff3e9;
  --line: #e7d3c6;
  --plum: #6e0048;
  --plum-deep: #4d0032;
  --coral: #ff7150;
  --gold: #c4a953;
  /* accent pops (use sparingly) */
  --mint: #b0f6bb;
  --peri: #a5b7ff;

  /* type */
  --font: 'Armand Grotesk', 'Helvetica Neue', Helvetica, Arial, sans-serif;

  /* fluid type scale (matches reference) */
  --t-hero: clamp(40px, 7.5vw, 86px);
  --t-h1: clamp(30px, 5vw, 56px);
  --t-h2: clamp(26px, 4vw, 40px);
  --t-h3: clamp(20px, 2.6vw, 27px);
  --t-lead: clamp(17px, 2.1vw, 22px);
  --t-body: 16px;
  --t-small: 13px;

  /* spacing scale (exact) */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px; --s-5: 24px;
  --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 96px;

  --maxw: 1120px;
  --radius: 14px;
  --radius-lg: 22px;
}

body {
  font-family: var(--font);
  color: var(--ink);
  background: var(--surface);
  font-size: var(--t-body);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}