/* We Are Dogfight — design tokens (v3)
   Wise design language: één typeface voor alles. Heavy, confident.
   General Sans (Fontshare) doet de hele copy. Geist Mono héél spaarzaam. */

@import url('https://api.fontshare.com/v2/css?f[]=general-sans@400,500,600,700,401,501,601,701&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Geist+Mono:wght@400;500&display=swap');

:root {
  /* Tonen */
  --dgf-paper:     #f1ece2;
  --dgf-paper-2:   #e8e1d2;
  --dgf-ink:       #141311;
  --dgf-ink-soft:  #2a2723;
  --dgf-fog:       rgba(20,19,17,0.55);
  --dgf-rule:      rgba(20,19,17,0.12);
  --dgf-rule-strong: rgba(20,19,17,0.6);

  /* Inverted */
  --dgf-night:     #0e0d0b;
  --dgf-night-2:   #181613;
  --dgf-paper-on-night: #ece7dc;

  /* Brand — Docva → Dogfight rebrand. Semantisch:
       blue  = traject (de lijn van vlucht)
       red   = strike   (moment van contact / CTA / emphasis) */
  --dgf-blue:      #0053cb;
  --dgf-blue-lift: #4d8eff;
  --dgf-blue-deep: #003a96;
  --dgf-red:       #ee0023;
  --dgf-red-deep:  #c30019;

  /* Extended palette — Wise-style ondersteunende kleuren. Elke kleur
     heeft Soft (background tint), Default (accent), Deep (text on soft).
     Gebruik: tonal identity per sectie / programma. Eén accent per
     sectie, nooit meerdere. Blauw + rood blijven het hart. */

  /* Forest — Lift (retention, growth, vasthouden) */
  --dgf-forest-soft: #c6e0d2;
  --dgf-forest:      #156b4a;
  --dgf-forest-deep: #0b4231;

  /* Mustard — Spark (energy, ignition, ontdekken) */
  --dgf-mustard-soft: #f4daa1;
  --dgf-mustard:      #d9a521;
  --dgf-mustard-deep: #8b6a14;

  /* Coral — Fuel (warmte, verleiden, soft strike) */
  --dgf-coral-soft: #fad4cb;
  --dgf-coral:      #f47b6c;
  --dgf-coral-deep: #b04e40;

  /* Plum — closing, premium moments */
  --dgf-plum-soft: #d2b7ca;
  --dgf-plum:      #6b2554;
  --dgf-plum-deep: #44153a;

  /* Teal — AI als motor, technical refinement */
  --dgf-teal-soft: #b3d8df;
  --dgf-teal:      #2e8a9e;
  --dgf-teal-deep: #1c5b68;

  /* Sand — werkwijze, neutral content blocks */
  --dgf-sand-soft: #ece2cc;
  --dgf-sand:      #c9b287;
  --dgf-sand-deep: #8e7748;

  /* Type — één face voor de hele site, behalve mono héél spaarzaam */
  --dgf-display: 'General Sans', ui-sans-serif, system-ui, sans-serif;
  --dgf-body:    'General Sans', ui-sans-serif, system-ui, sans-serif;
  --dgf-mono:    'Geist Mono', ui-monospace, monospace;

  /* Motion */
  --dgf-ease-default: cubic-bezier(0.2, 0.7, 0.3, 1);
  --dgf-dur-fast:    150ms;
  --dgf-dur-default: 200ms;
  --dgf-dur-reveal:  400ms;
  --dgf-dur-draw:    800ms;

  /* Spacing scale */
  --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;
  --s-10: 128px;
}

/* Emphasis — color, not italic. Strike-red picks up the markdown italics
   from the copy without breaking the one-typeface rule. */
.dgf-em {
  font-style: normal;
  font-weight: inherit;
  color: var(--dgf-red);
}

/* Mono utility — used very sparingly (timestamps, technical IDs only) */
.dgf-meta {
  font-family: var(--dgf-mono);
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

/* Reset for artboard contents */
.dgf-frame, .dgf-frame * {
  box-sizing: border-box;
}
.dgf-frame {
  font-family: var(--dgf-body);
  font-weight: 500;
  color: var(--dgf-ink);
  background: var(--dgf-paper);
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.dgf-frame.night {
  background: var(--dgf-night);
  color: var(--dgf-paper-on-night);
}

.dgf-frame h1, .dgf-frame h2, .dgf-frame h3, .dgf-frame p {
  margin: 0;
}

.dgf-frame button { font-family: inherit; cursor: pointer; }