/* Design System & Dynamic Theme Tokens */

:root {
  /* Common System Tokens */
  --font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-heading: 'Outfit', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 24px;
  --radius-full: 9999px;
  
  --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  
  --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 20px 40px rgba(0, 0, 0, 0.12);
  --shadow-glow: 0 0 25px rgba(245, 158, 11, 0.25);

  /* INTERIOR DESIGN THEME (Default / Warm Earth & Terracotta & Warm Wood) */
  --color-primary: #C86D51;          /* Warm Terracotta */
  --color-primary-hover: #B25A3F;
  --color-primary-light: #FDF5F2;
  --color-secondary: #2C3E35;        /* Deep Forest / Warm Oak */
  --color-accent: #E5A93B;           /* Golden Warmth */
  --color-accent-rgb: 229, 169, 59;
  
  --bg-main: #FAF8F5;                /* Warm Linen */
  --bg-surface: #FFFFFF;
  --bg-card: #FFFFFF;
  --bg-subtle: #F3EFEA;
  
  --text-main: #1C1917;
  --text-muted: #78716C;
  --text-inverse: #FFFFFF;
  
  --border-color: #E7E0D8;
  --border-focus: #C86D51;

  --badge-bg: #F5EBE6;
  --badge-text: #B25A3F;
  
  --glass-bg: rgba(255, 255, 255, 0.85);
  --glass-border: rgba(231, 224, 216, 0.6);
  --glass-shadow: 0 8px 32px 0 rgba(180, 130, 100, 0.08);
  
  --hero-gradient: linear-gradient(135deg, #FAF8F5 0%, #F5EBE6 50%, #EFE5DC 100%);
  --cta-gradient: linear-gradient(135deg, #C86D51 0%, #E5A93B 100%);
}

/* DIGITAL PRODUCT DESIGN THEME (Dark Tech, Electric Neon Indigo & Cyan) */
[data-business="digital"] {
  --color-primary: #6366F1;          /* Electric Indigo */
  --color-primary-hover: #4F46E5;
  --color-primary-light: rgba(99, 102, 241, 0.12);
  --color-secondary: #06B6D4;        /* Cyan Neon */
  --color-accent: #10B981;           /* Emerald Pulse */
  --color-accent-rgb: 16, 185, 129;
  
  --bg-main: #0B0F19;                /* Deep Space */
  --bg-surface: #111827;
  --bg-card: #1E293B;
  --bg-subtle: #151D2A;
  
  --text-main: #F8FAFC;
  --text-muted: #94A3B8;
  --text-inverse: #0B0F19;
  
  --border-color: #334155;
  --border-focus: #6366F1;

  --badge-bg: rgba(99, 102, 241, 0.18);
  --badge-text: #A5B4FC;
  
  --glass-bg: rgba(17, 24, 39, 0.75);
  --glass-border: rgba(255, 255, 255, 0.1);
  --glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
  
  --hero-gradient: radial-gradient(circle at 50% 0%, #1E1B4B 0%, #0B0F19 70%);
  --cta-gradient: linear-gradient(135deg, #6366F1 0%, #06B6D4 100%);
  --shadow-glow: 0 0 30px rgba(99, 102, 241, 0.35);
}