/**
 * Iteramind Design System — CSS Custom Properties
 *
 * All design tokens for the Iteramind brand. This is the single source of truth
 * for colors, typography, spacing, layout, transitions, shadows, and radii.
 *
 * @package Iteramind
 * @since   1.0.0
 */

:root {
  /* Colors — Brand */
  --color-navy: #0D1B2A;
  --color-teal: #1B9AAA;
  --color-gold: #D4A843;
  --color-marketing: #E85D75;
  --color-light-gray: #F5F5F5;
  --color-white: #FFFFFF;
  --color-text: #1F2937;
  --color-text-secondary: #6B7280;
  --color-destructive: #DC2626;

  /* Typography — Families */
  --font-heading: 'Outfit', system-ui, -apple-system, sans-serif;
  --font-body: 'DM Sans', system-ui, -apple-system, sans-serif;
  --font-code: 'JetBrains Mono', ui-monospace, monospace;

  /* Typography — Core Sizes (4 tokens) */
  --text-base: 1rem;       /* 16px — Body, nav links, buttons */
  --text-lg: 1.25rem;      /* 20px — H3, card titles, logotype */
  --text-xl: 1.75rem;      /* 28px — H2, section headings */
  --text-2xl: 2.5rem;      /* 40px — H1, hero headings (scales to 56px on wide desktop, 32px on mobile) */

  /* Typography — Exception Size (justified: code/captions require distinct small size) */
  --text-sm: 0.875rem;     /* 14px — Body small, code, metadata, captions */

  /* Typography — Core Weights (2 tokens) */
  --weight-regular: 400;
  --weight-bold: 700;

  /* Typography — Exception Weight (justified: logotype brand identity only) */
  --weight-semibold: 600;  /* Used exclusively for logotype */

  /* Typography — Line Heights */
  --leading-snug: 1.2;
  --leading-normal: 1.5;
  --leading-relaxed: 1.6;

  /* Spacing (standard set: 4, 8, 16, 24, 32, 48, 64) */
  --space-xs: 0.25rem;     /* 4px */
  --space-sm: 0.5rem;      /* 8px */
  --space-md: 1rem;        /* 16px */
  --space-lg: 1.5rem;      /* 24px */
  --space-xl: 2rem;        /* 32px */
  --space-2xl: 3rem;       /* 48px */
  --space-3xl: 4rem;       /* 64px */

  /* Layout */
  --container-max: 1200px;
  --header-height: 72px;
  --space-touch: 44px;

  /* Transitions */
  --transition-fast: 0.2s ease;
  --transition-base: 0.3s ease;
  --transition-slow: 0.6s ease;

  /* Shadows */
  --shadow-header: 0 2px 8px rgba(0, 0, 0, 0.15);
  --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.1);
  --shadow-card-hover: 0 4px 12px rgba(0, 0, 0, 0.15);

  /* Border Radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-full: 9999px;
}