/* SGR Enterprises - Global Design Tokens */

:root {
  /* Color Palette (Dark Theme Default) */
  --bg-primary: #0a0c10;      /* Dark Charcoal */
  --bg-secondary: #11141b;    /* Dark Steel */
  --bg-card: #171d26;         /* Steel Blue Card */
  --bg-glass: rgba(23, 29, 38, 0.75);
  --border-color: rgba(255, 255, 255, 0.07);
  --border-color-hover: rgba(255, 111, 0, 0.3);
  
  --text-primary: #ffffff;
  --text-secondary: #94a3b8;
  --text-muted: #64748b;
  
  --accent: #ff6f00;          /* Glowing Industrial Orange */
  --accent-hover: #ff8f00;
  --accent-rgb: 255, 111, 0;
  --accent-glow: rgba(255, 111, 0, 0.25);
  
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 8px 16px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 16px 32px rgba(0, 0, 0, 0.5);
  
  --glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
  --glass-blur: blur(12px);

  /* Fonts */
  --font-heading: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  
  /* Sizing & Borders */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-full: 9999px;
  --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  
  /* Layout Sizing */
  --container-max: 1400px;
  
  /* Automatic color-scheme indicator for browser controls */
  color-scheme: dark;
}

/* Light Theme Overrides */
:root.light-theme {
  --bg-primary: #f8fafc;      /* Soft Light Slate */
  --bg-secondary: #ffffff;    /* Pure White */
  --bg-card: #f1f5f9;         /* Light Slate Card */
  --bg-glass: rgba(255, 255, 255, 0.85);
  --border-color: rgba(15, 23, 42, 0.08);
  --border-color-hover: rgba(230, 81, 0, 0.4);
  
  --text-primary: #0f172a;    /* Dark Slate Text */
  --text-secondary: #475569;  /* Muted Slate Text */
  --text-muted: #64748b;
  
  --accent: #e65100;          /* Darker Industrial Orange for contrast */
  --accent-hover: #ff6f00;
  --accent-rgb: 230, 81, 0;
  --accent-glow: rgba(230, 81, 0, 0.15);
  
  --shadow-sm: 0 2px 4px rgba(15, 23, 42, 0.05);
  --shadow-md: 0 8px 16px rgba(15, 23, 42, 0.08);
  --shadow-lg: 0 16px 32px rgba(15, 23, 42, 0.12);
  
  --glass-shadow: 0 8px 32px 0 rgba(15, 23, 42, 0.06);
  --glass-blur: blur(16px);
  
  color-scheme: light;
}