/*
Theme Name: Innovation Haus
Theme URI: https://innovation.haus
Author: Harm Rietmeijer
Author URI: https://innovation.haus
Description: Clean, minimalist one-pager met parallax secties voor innovation.haus. Fractional Product Lead profiel met geintegreerde Digi-Harm chatbot.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: innovation-haus
*/

/* ── Reset ── */
*,*::before,*::after{ box-sizing: border-box; }
html{ -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body{ margin: 0; padding: 0; }
img,svg{ display: block; max-width: 100%; }
a{ color: inherit; }
button{ font: inherit; cursor: pointer; border: none; background: none; padding: 0; }
h1,h2,h3,h4,p{ margin: 0; }
ul,ol{ margin: 0; padding: 0; list-style: none; }

/* ── Design tokens ── */
:root{
  /* Palette — matched with Harm Fit Chat plugin */
  --ih-accent: #4f46e5;
  --ih-accent-hover: #4338ca;
  --ih-accent-light: #818cf8;
  --ih-accent-glow: rgba(79,70,229,.15);

  /* Fresh accent — cyan for .haus wordmark and highlights */
  --ih-accent-fresh: #06b6d4;
  --ih-accent-fresh-light: #22d3ee;
  --ih-accent-fresh-glow: rgba(6,182,212,.15);

  /* Dark surfaces */
  --ih-dark-900: #0f172a;
  --ih-dark-800: #1e293b;
  --ih-dark-700: #334155;

  /* Light surfaces */
  --ih-light-50: #f8fafc;
  --ih-light-100: #f1f5f9;
  --ih-white: #ffffff;

  /* Text */
  --ih-text: #1e293b;
  --ih-text-light: #f8fafc;
  --ih-text-muted: rgba(30,41,59,.55);
  --ih-text-muted-light: rgba(248,250,252,.55);

  /* Borders */
  --ih-border: rgba(30,41,59,.10);
  --ih-border-light: rgba(255,255,255,.10);

  /* Typography */
  --ih-font: 'Inter',ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;

  /* Spacing (4px grid) */
  --ih-s1: 4px; --ih-s2: 8px; --ih-s3: 12px; --ih-s4: 16px;
  --ih-s5: 20px; --ih-s6: 24px; --ih-s8: 32px; --ih-s10: 40px;
  --ih-s12: 48px; --ih-s16: 64px; --ih-s20: 80px; --ih-s24: 96px;

  /* Shape */
  --ih-radius-sm: 8px;
  --ih-radius-md: 12px;
  --ih-radius-lg: 16px;

  /* Shadows */
  --ih-shadow: 0 1px 2px rgba(0,0,0,.05),0 4px 12px rgba(0,0,0,.07);
  --ih-shadow-lg: 0 4px 6px rgba(0,0,0,.05),0 10px 40px rgba(0,0,0,.10);

  /* Motion */
  --ih-ease: cubic-bezier(.22,1,.36,1);

  /* Layout */
  --ih-container: 1120px;
  --ih-narrow: 720px;
}

/* ── Base typography ── */
body{
  font-family: var(--ih-font);
  font-size: 16px;
  line-height: 1.6;
  color: var(--ih-text);
  background: var(--ih-white);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}