:root {
  /* Colors */
  --gw-brand-600:    #f84c55;  /* Primary theme brand crimson */
  --gw-brand-700:    #d93841;  /* Hover state brand crimson */
  --gw-brand-100:    #fde8e9;  /* Light tint for badges */

  --gw-ink-900:      #111111;  /* Primary title color */
  --gw-ink-700:      #2d3748;  /* Body text color */
  --gw-ink-500:      #64748b;  /* Muted text / labels */
  --gw-ink-300:      #94a3b8;  /* Placeholders / subtle icons */

  --gw-surface:      #FFFFFF;  /* Main card background */
  --gw-surface-2:    #F0ECE7;  /* Elevated layout shading */
  --gw-surface-3:    #E7E2D9;  /* Subdued layout shading */

  --gw-line:         #E2DDD4;  /* Borders and dividers */
  --gw-line-dark:    #CBD5E1;  /* Stronger borders */

  /* Status Colors */
  --gw-success:      #10b981;
  --gw-success-bg:   #d1fae5;
  --gw-warning:      #f59e0b;
  --gw-warning-bg:   #fef3c7;
  --gw-info:         #3b82f6;
  --gw-info-bg:      #dbeafe;

  /* Spacing Grid (4px multiples) */
  --gw-space-1:    0.25rem;   /* 4px */
  --gw-space-2:    0.5rem;    /* 8px */
  --gw-space-3:    0.75rem;   /* 12px */
  --gw-space-4:    1rem;      /* 16px */
  --gw-space-5:    1.25rem;   /* 20px */
  --gw-space-6:    1.5rem;    /* 24px */
  --gw-space-8:    2rem;      /* 32px */
  --gw-space-10:   2.5rem;    /* 40px */
  --gw-space-12:   3rem;      /* 48px */

  /* Radii */
  --gw-radius-sm:   4px;
  --gw-radius-md:   6px;
  --gw-radius-lg:   12px;
  --gw-radius-full: 9999px;

  /* Motion */
  --gw-duration-sm: 150ms;
  --gw-duration-md: 250ms;
  --gw-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);

  /* Shadows */
  --gw-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --gw-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.07), 0 2px 4px -1px rgba(0, 0, 0, 0.04);
  --gw-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.03);
}