/* Kieran — AI Consulting · Design Tokens v3
   Updated to match editorial/developer aesthetic:
   - EB Garamond display + Inter UI
   - Warm parchment background with deep navy text
   - Cobalt blue primary CTA
   - Clean, literary, minimal
*/

@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Inter:wght@300;400;500;600&display=swap');

:root {
  /* Surface — warm off-white/parchment */
  --paper: #F7F7F1;
  --paper-2: #FBFBF6;
  --paper-3: #F0F0E8;
  --ink: rgb(22, 49, 95);        /* deep navy blue */
  --ink-2: rgba(22, 49, 95, 0.72);
  --ink-3: rgba(22, 49, 95, 0.5);
  --rule: rgba(22, 49, 95, 0.18);
  --rule-soft: rgba(22, 49, 95, 0.08);
  --muted: rgba(22, 49, 95, 0.6);

  /* Primary CTA — rich cobalt blue */
  --accent: rgb(37, 87, 183);
  --accent-2: rgb(28, 66, 140);
  --accent-soft: rgba(37, 87, 183, 0.12);

  /* Status / chips */
  --tag-bg: rgba(37, 87, 183, 0.08);
  --tag-bg-strong: rgba(37, 87, 183, 0.15);

  /* Tier color coding (subtle) */
  --tier-strategy: rgb(37, 87, 183);
  --tier-build:    rgb(37, 87, 183);
  --tier-agent:    rgb(37, 87, 183);
  --tier-enable:   rgb(37, 87, 183);
  --tier-retainer: rgb(37, 87, 183);

  /* Type */
  --f-display: 'EB Garamond', 'Iowan Old Style', Georgia, serif;
  --f-body: 'Inter', 'Manrope', -apple-system, system-ui, sans-serif;
  --f-mono: 'Inter', -apple-system, system-ui, sans-serif;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  background: var(--paper);
  color: var(--ink);
  font-family: var(--f-body);
  font-size: 16px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* mono helpers */
.mono { font-family: var(--f-mono); font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase; }
.mono-sm { font-family: var(--f-mono); font-size: 10px; letter-spacing: 0.24em; text-transform: uppercase; }
.serif { font-family: var(--f-display); }
.italic { font-style: italic; }

/* hairline */
.hair { border: 0; border-top: 1px solid var(--rule); margin: 0; }