/* ============================================================
   IntactMinds — design tokens
   Palette per INTACTMINDS_WEBSITE_BLUEPRINT §3.
   Logo teal (#16d3b7) is preserved from the official brand PDF
   and sits alongside — not in place of — the site mint.
   ============================================================ */

:root {
  /* Core palette */
  --ink:        #122235;
  --ink-deep:   #0C1928;
  --muted:      #55636F;
  --muted-soft: #5E6B79;
  --canvas:     #F6F8F4;
  --white:      #FFFFFF;
  --blue:       #3156E8;
  --blue-deep:  #2542C4;
  --blue-soft:  #DFE6FF;
  --mint:       #30C9A3;
  --mint-soft:  #DFF8F1;
  --coral:      #FF8D70;
  --coral-text: #A8431C;
  --coral-soft: #FFE7E0;
  --yellow:     #FFD36E;
  --yellow-soft:#FFF4DA;
  --border:     #DBE2DF;
  --border-soft:#E9EEEA;

  /* Brand (logo) */
  --brand-teal: #16d3b7;
  --brand-ink:  #0c0f18;

  /* Typography */
  --font-sans: 'Manrope', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, 'Cascadia Mono', Menlo, Consolas, monospace;

  --fs-h1:    clamp(2.625rem, 1.35rem + 3.9vw, 4.5rem);   /* 42 → 72 */
  --fs-h2:    clamp(2rem,     1.15rem + 2.6vw, 3.25rem);  /* 32 → 52 */
  --fs-h3:    clamp(1.375rem, 1.05rem + 1.0vw, 1.875rem); /* 22 → 30 */
  --fs-h4:    clamp(1.125rem, 1.02rem + 0.32vw, 1.3125rem);
  --fs-body:  clamp(1rem,     0.96rem + 0.17vw, 1.125rem);/* 16 → 18 */
  --fs-lead:  clamp(1.0625rem,0.97rem + 0.4vw,  1.25rem);
  --fs-small: 0.9375rem;
  --fs-label: 0.75rem;

  --lh-display: 1.05;
  --lh-heading: 1.14;
  --lh-body:    1.65;

  /* Layout */
  --maxw:  1280px;
  --pad-x: clamp(1.125rem, 0.55rem + 2.6vw, 3rem);        /* 18 → 48 */
  --sec-y: clamp(3rem, 1.3rem + 4.5vw, 4.5rem);           /* 48 → 72  */
  --gap:   clamp(1rem, 0.7rem + 1.4vw, 1.75rem);

  /* Shape */
  --r-panel: 36px;
  --r-card:  24px;
  --r-ui:    14px;
  --r-pill:  999px;

  /* Elevation — used sparingly (hero interfaces, featured cards) */
  --sh-sm: 0 1px 2px rgba(18,34,53,.05);
  --sh-md: 0 6px 20px -8px rgba(18,34,53,.12), 0 2px 6px -2px rgba(18,34,53,.06);
  --sh-lg: 0 28px 60px -28px rgba(18,34,53,.28), 0 8px 20px -12px rgba(18,34,53,.12);

  /* Motion — blueprint §6: 180–240ms, 12–20px */
  --ease:      cubic-bezier(.22,.61,.36,1);
  --dur-fast:  140ms;
  --dur:       200ms;
  --dur-slow:  240ms;

  --header-h: 76px;
}

@media (max-width: 900px) { :root { --r-panel: 26px; --r-card: 20px; --header-h: 66px; } }