/*
 * IGCS design tokens
 * Source of truth: docs/MASTER_STYLE_GUIDE.md
 *
 * This file is intentionally additive. Import it before shared shell,
 * component, and page-specific styles.
 */

@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600;700&display=swap');

:root {
  --igcs-black: #000;
  --igcs-ink: #111;
  --igcs-dark-grey: #222;
  --igcs-grey: #555;
  --igcs-muted-grey: #777;
  --igcs-light-grey: #999;
  --igcs-paper: #fafafa;
  --igcs-white: #fff;

  --igcs-highlight-yellow: #fff2a8;
  --igcs-highlight-green: #cff5d2;
  --igcs-highlight-pink: #ffd6e7;
  --igcs-highlight-blue: #d9efff;
  --igcs-highlight-purple: #e7d8ff;
  --igcs-highlight-peach: #ffddb8;
  --igcs-highlight-mint: #cdefea;
  --igcs-highlight-grey: #e5e5e5;

  --igcs-border: 3px solid var(--igcs-black);
  --igcs-shadow: 4px 4px 0 var(--igcs-black);
  --igcs-radius: 4px 6px 5px 3px;
  --igcs-font: "Fira Code", monospace;

  --igcs-space-1: 4px;
  --igcs-space-2: 8px;
  --igcs-space-3: 12px;
  --igcs-space-4: 16px;
  --igcs-space-5: 24px;
  --igcs-space-6: 32px;
  --igcs-space-7: 48px;
  --igcs-space-8: 64px;
  --igcs-space-9: 80px;

  --igcs-content-width: 1240px;
  --igcs-transition: transform .18s ease, box-shadow .18s ease;
}