/* ==========================================================================
   INFLUENTIAL CONDUCT — DESIGN TOKENS
   v0.3 · Jet-dominant, industrial catalog
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800;900&family=Archivo+Narrow:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');

:root {
  /* ---------- SURFACES ---------- */
  --ic-jet:      #000000;
  --ic-jet-2:    #0C0C0C;
  --ic-jet-3:    #1A1A1A;
  --ic-jet-4:    #2A2A2A;
  --ic-bone:     #E5E5E2;
  --ic-bone-2:   #D2D2CE;
  --ic-bone-3:   #BABAB4;

  /* ---------- INK (on jet) ---------- */
  --ic-ink:      #E5E5E2;   /* primary */
  --ic-ink-2:    #B8B8B4;   /* body */
  --ic-ink-3:    #8A8A86;   /* secondary */
  --ic-ink-4:    #5A5A56;   /* tertiary, hairlines */
  --ic-ink-5:    #3A3A36;   /* disabled */
  --ic-line:     #2A2A2A;   /* dividers on jet */

  /* ---------- INK (on bone) ---------- */
  --ic-dark:     #0A0A0A;
  --ic-dark-2:   #2A2A2A;
  --ic-dark-3:   #5A5A56;
  --ic-dark-4:   #8A8A86;
  --ic-line-bone:#BABAB4;

  /* ---------- ACCENT (BRAND) ----------
     Ultramarine = the frame, not the average.
     The studio color is the plate; products are the inks. */
  --ic-signal:   #2430FF;   /* brand ultramarine — the IC color (Electric) */
  --ic-signal-2: #4757FF;   /* hover */
  --ic-signal-3: #8A95FF;   /* subtle */
  --ic-acid:     #D7FF2A;   /* rare secondary */

  /* ---------- PRODUCT ACCENTS (PRIMARIES) ----------
     Three stacks · nine apps · one orchestrator above.
     Adjacent hues kept distinct on jet; no two muddle. */

  /* INTENT — orchestrator (sits above all stacks) */
  --ic-intent:   #E6005C;   /* magenta — agent harness, sits above */

  /* DESIGN STACK */
  --ic-instill:  #00A3D9;   /* cyan         — BIM modeling & docs */
  --ic-innovate: #F5D900;   /* hi-vis       — generative studio */
  --ic-inhabit:  #5FAA6E;   /* moss         — civil / landscape / site */

  /* COLLABORATION STACK */
  --ic-integrate:#5C8FB8;   /* steel blue   — BIM coordination */
  --ic-inspect:  #7ED321;   /* lime         — markup & review */
  --ic-inquire:  #FF8C42;   /* amber        — issue tracker */

  /* DELIVERY STACK */
  --ic-indite:   #9CA39C;   /* bone-grey    — specs */
  --ic-inform:   #8A4FFF;   /* violet       — narratives & collateral */
  --ic-invite:   #E89B7A;   /* rose gold    — presentation / render */

  /* ---------- STATUS ---------- */
  --ic-ok:   #9DC497;
  --ic-warn: #FFB84A;
  --ic-err:  #E6005C;   /* shares Intent magenta */
  --ic-info: #6B8DB3;

  /* ---------- TYPE ---------- */
  --ic-font-display: 'Archivo Narrow', 'Archivo', -apple-system, sans-serif;
  --ic-font-sans:    'Archivo', -apple-system, sans-serif;
  --ic-font-mono:    'JetBrains Mono', ui-monospace, monospace;

  --ic-text-3xs: 9px;
  --ic-text-2xs: 10px;
  --ic-text-xs:  11px;
  --ic-text-sm:  12px;
  --ic-text-md:  14px;
  --ic-text-lg:  16px;
  --ic-text-xl:  20px;
  --ic-text-2xl: 24px;
  --ic-text-3xl: 32px;
  --ic-text-4xl: 44px;
  --ic-text-5xl: 64px;
  --ic-text-6xl: 96px;
  --ic-text-7xl: 144px;

  --ic-track-tight:  -0.025em;
  --ic-track-snug:   -0.01em;
  --ic-track-normal: 0;
  --ic-track-wide:   0.08em;
  --ic-track-wider:  0.14em;
  --ic-track-widest: 0.22em;

  --ic-weight-book:   400;
  --ic-weight-medium: 500;
  --ic-weight-bold:   600;
  --ic-weight-heavy:  700;

  --ic-leading-tight: 0.88;
  --ic-leading-snug:  1.05;
  --ic-leading-body:  1.5;
  --ic-leading-loose: 1.7;

  /* ---------- SPACE ---------- */
  --ic-space-px:  1px;
  --ic-space-0-5: 2px;
  --ic-space-1:   4px;
  --ic-space-2:   8px;
  --ic-space-3:   12px;
  --ic-space-4:   16px;
  --ic-space-5:   20px;
  --ic-space-6:   24px;
  --ic-space-8:   32px;
  --ic-space-10:  40px;
  --ic-space-12:  48px;
  --ic-space-16:  64px;
  --ic-space-20:  80px;
  --ic-space-24:  96px;

  /* ---------- RADII — SHARP ---------- */
  --ic-radius-0:    0;
  --ic-radius-sm:   1px;
  --ic-radius-md:   2px;
  --ic-radius-full: 999px;

  /* ---------- STROKE ---------- */
  --ic-stroke-hair: 0.5px;
  --ic-stroke-1:    1px;
  --ic-stroke-2:    1.5px;
  --ic-stroke-3:    2px;

  /* ---------- MOTION ---------- */
  --ic-ease-out:    cubic-bezier(0.2, 0.6, 0.2, 1);
  --ic-ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ic-dur-fast:    120ms;
  --ic-dur-base:    200ms;
  --ic-dur-slow:    320ms;

  /* ---------- LAYOUT ---------- */
  --ic-rail: 44px;
}

*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  background: var(--ic-jet);
  color: var(--ic-ink);
  font-family: var(--ic-font-sans);
  font-size: var(--ic-text-md);
  line-height: var(--ic-leading-body);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "ss01", "kern";
}

.ic-mono { font-family: var(--ic-font-mono); font-feature-settings: "zero"; }
.ic-narrow { font-family: var(--ic-font-display); }
.ic-caps { text-transform: uppercase; letter-spacing: var(--ic-track-wider); }
.ic-tnum { font-variant-numeric: tabular-nums; }

.ic-signal { color: var(--ic-signal); }
.ic-pulse { animation: ic-pulse 1.6s infinite; }
@keyframes ic-pulse { 0%,100%{opacity:1} 50%{opacity:.3} }

a { color: inherit; text-decoration: none; }