/* itworks.tokens.css
   Core design tokens (V1) – imported by consuming apps.
   Extend with semantic + theme overrides in future.
*/
:root {
    /* Spacing scale */
    --iw-space-1: 0.25rem;
    --iw-space-2: 0.5rem;
    --iw-space-3: 0.75rem;
    --iw-space-4: 1rem;
    --iw-space-5: 1.5rem;
    --iw-space-6: 2rem;
    /* Gap mapping (Size enum) */
    --iw-gap-sm: var(--iw-space-2);
    --iw-gap-md: var(--iw-space-3);
    --iw-gap-lg: var(--iw-space-4);
    /* Card padding mapping (Size enum) */
    --iw-card-pad-sm: var(--iw-space-3);
    --iw-card-pad-md: var(--iw-space-4);
    --iw-card-pad-lg: var(--iw-space-5);
    /* Runtime helper (updated per card) */
    --iw-card-pad-current: var(--iw-card-pad-md);
    /* Divider */
    --iw-divider-color: var(--iw-border-color, #e2e8f0);
    --iw-divider-color-subtle: #f1f5f9;
    --iw-divider-thickness-sm: 1px;
    --iw-divider-thickness-md: 2px;
    --iw-divider-thickness-lg: 3px;
    /* Breakpoints (future) */
    --iw-breakpoint-sm: 640px;
    --iw-breakpoint-md: 768px;
    --iw-breakpoint-lg: 1024px;
    --iw-breakpoint-xl: 1280px;
    /* Text sizes (md = 0.875rem body default) */
    --iw-text-xs: 0.70rem; /* ~11.2px micro */
    --iw-text-sm: 0.75rem; /* 12px secondary */
    --iw-text-md: 0.875rem; /* 14px base body */
    --iw-text-lg: 1rem; /* 16px emphasis */
    --iw-text-xl: 1.125rem; /* 18px heading sm */
    --iw-text-2xl: 1.25rem; /* 20px heading md (future) */
    /* Font weights */
    --iw-font-weight-normal: 400;
    --iw-font-weight-medium: 500;
    --iw-font-weight-semibold: 600;
    --iw-font-weight-bold: 700;
    /* (Future) semantic alias placeholders
  --iw-color-bg: #ffffff;
  --iw-color-bg-alt: #f8f9fa;
  --iw-color-border: #e2e8f0;
  */
    --iw-card-header-bg: light-dark(#f5f5f5, #232328);
}