/* ==========================================================================
   KIP Innovations prototype: design tokens (grayscale only)
   ========================================================================== */

:root {
  /* Color: strict grayscale */
  --c-bg:        #ffffff;
  --c-surface:   #f4f4f4;
  --c-surface-2: #ebebeb;
  --c-surface-3: #dedede;
  --c-line:      #d2d2d2;
  --c-line-dark: #3a3a3a;
  --c-line-2:    #8a8a8a;
  --c-muted:     #5f5f5f;
  --c-muted-inv: #b8b8b8;
  --c-ink-2:     #383838;
  --c-ink:       #121212;
  --c-black:     #000000;
  --c-invert:    #ffffff;

  /* Typography */
  --font-base: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

  --text-xs:   13px;
  --text-sm:   14px;
  --text-nav:  15px;
  --text-base: 16px;
  --text-md:   18px;
  --text-lg:   20px;
  --text-xl:   24px;
  --text-2xl:  32px;
  --text-3xl:  40px;
  --text-4xl:  48px;
  --text-5xl:  64px;
  --text-h1-sm: 32px;
  --text-h2-sm: 28px;

  --fw-regular:  400;
  --fw-medium:   500;
  --fw-semibold: 600;
  --fw-bold:     700;

  --lh-hero:    1.15;
  --lh-heading: 1.2;
  --lh-body:    1.5;

  /* Spacing, 8px grid */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  16px;
  --space-4:  24px;
  --space-5:  32px;
  --space-6:  40px;
  --space-7:  48px;
  --space-8:  64px;
  --space-9:  80px;
  --space-10: 96px;
  --space-11: 128px;

  /* Layout */
  --container-max: 1280px;
  --container-pad: 24px;
  --header-height: 80px;
  --gutter:        32px;

  /* One global radius */
  --radius: 2px;

  /* Control sizes */
  --control-h:    48px;
  --control-h-sm: 40px;

  /* Z-index */
  --z-base:    1;
  --z-sticky:  100;
  --z-subnav:  200;
  --z-header:  500;
  --z-modal:   1000;
}