/* 
 * Incrementus Enterprise Inc. - Design Tokens
 * Color variables and theme constants
 */

:root {
  /* Brand Colors */
  --color-primary: #822434;
  --color-primary-hover: #6E1D2B;
  
  /* Base Colors */
  --color-bg: #FFFFFF;
  --color-surface: #F7F7F7;
  --color-border: #E6E6E6;
  
  /* Typography */
  --color-text: #1A1A1A;
  --color-text-secondary: #4B4B4B;
  --color-link: #111111;
  --color-heading: #111111;
  --color-text-light: #666666;
  
  /* Border & Effects */
  --radius: 14px;
  --shadow-1: 0 10px 24px rgba(0, 0, 0, .08);
  --shadow-small: 0 2px 8px rgba(0, 0, 0, 0.08);
  --shadow-medium: 0 4px 16px rgba(0, 0, 0, 0.12);
  --shadow-large: 0 8px 32px rgba(0, 0, 0, 0.16);
  
  /* Layout */
  --container: 1280px;
  
  /* Additional spacing tokens for consistency */
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-2xl: 4rem;
  --spacing-3xl: 6rem;
  
  /* Typography scale */
  --text-xs: 0.875rem;
  --text-sm: 1rem;
  --text-base: 1.125rem;
  --text-lg: 1.25rem;
  --text-xl: 1.5rem;
  --text-2xl: 2rem;
  --text-3xl: 2.5rem;
  --text-4xl: 3rem;
  --text-5xl: 3.5rem;
  
  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;
  --transition-slow: 350ms ease;
}

/* Dark Mode */
[data-theme="dark"] {
  /* Base Colors */
  --color-bg: #0f0f0f;
  --color-surface: #1a1a1a;
  --color-border: #2d2d2d;
  
  /* Typography */
  --color-text: #e0e0e0;
  --color-text-secondary: #b0b0b0;
  --color-link: #ffffff;
  --color-heading: #ffffff;
  --color-text-light: #999999;
  
  /* Shadows for dark mode */
  --shadow-1: 0 10px 24px rgba(0, 0, 0, .4);
  --shadow-small: 0 2px 8px rgba(0, 0, 0, 0.4);
  --shadow-medium: 0 4px 16px rgba(0, 0, 0, 0.5);
  --shadow-large: 0 8px 32px rgba(0, 0, 0, 0.6);
}