/* ARUDRAH INTERIORS 2.1 - DESIGN TOKENS & LUXURY VARIABLES */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap');

:root {
  /* Brand Color Palette - Modern Luxury */
  --color-primary: #C8102E;           /* Primary Red */
  --color-primary-dark: #A60F2D;      /* Luxury Crimson */
  --color-accent-coral: #FF5B5B;      /* Accent Coral Glow */
  --color-primary-light: #E02645;     /* Bright Red Hover */
  --color-primary-soft: rgba(200, 16, 46, 0.08);
  --color-primary-glow: rgba(200, 16, 46, 0.28);
  --color-success: #00C26F;           /* WhatsApp & Success Green */

  /* Vibrant Accent Colors for a Colorful Modern Touch */
  --color-accent-indigo: #4F46E5;     /* Electric Indigo */
  --color-accent-amber: #D97706;      /* Rich Amber */
  --color-accent-teal: #0D9488;       /* Cool Teal */
  --color-accent-rose: #E11D48;       /* Vibrant Rose */

  /* Backgrounds & Surfaces */
  --color-bg: #FFFFFF;
  --color-bg-alt: #F8F9FA;            /* Soft Gray */
  --color-card-bg: #FFFFFF;
  --color-card-subtle: #F4F5F8;
  --color-card-hover: #FFFFFF;
  --color-surface-dark: #0D0D0E;
  --color-surface-charcoal: #121212;  /* Rich Text Dark */
  
  /* Text & Contrast */
  --color-text-main: #121212;
  --color-text-secondary: #5A5A5A;
  --color-text-muted: #888892;
  --color-text-light: #F5F5F7;
  
  /* Layered Gradients */
  --gradient-primary: linear-gradient(135deg, #C8102E 0%, #A60F2D 100%);
  --gradient-primary-hover: linear-gradient(135deg, #E02645 0%, #C8102E 100%);
  --gradient-coral: linear-gradient(135deg, #FF5B5B 0%, #C8102E 100%);
  --gradient-glass-border: linear-gradient(135deg, rgba(200, 16, 46, 0.25) 0%, rgba(255, 255, 255, 0.6) 100%);
  --gradient-card: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(248, 249, 250, 0.95) 100%);
  --gradient-dark-hero: radial-gradient(circle at 50% 30%, rgba(200, 16, 46, 0.15) 0%, rgba(13, 13, 14, 0.25) 60%, rgba(13, 13, 14, 0.7) 100%);
  --gradient-colorful: linear-gradient(135deg, #E11D48 0%, #4F46E5 50%, #0D9488 100%);

  /* Borders & Dividers */
  --color-border: #E8E8EE;
  --color-border-dark: #2A2A2E;
  --color-border-focus: #C8102E;

  /* Glassmorphism */
  --glass-bg: rgba(255, 255, 255, 0.82);
  --glass-bg-dark: rgba(18, 18, 20, 0.75);
  --glass-border: rgba(200, 16, 46, 0.12);
  --glass-border-dark: rgba(255, 255, 255, 0.12);
  --glass-blur: blur(20px) saturate(180%);

  /* Shadows */
  --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.03);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.05);
  --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.08);
  --shadow-luxury: 0 24px 60px -12px rgba(0, 0, 0, 0.12), 0 0 2px rgba(200, 16, 46, 0.08);
  --shadow-red-glow: 0 12px 32px rgba(200, 16, 46, 0.35);

  /* Button Dimensions */
  --btn-height: 48px;
  --btn-radius: 14px;
  --btn-height-sm: 40px;
  --btn-height-lg: 52px;

  /* Radii */
  --radius-xs: 6px;
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-full: 9999px;

  /* Typography - Clean Professional Stack */
  --font-main: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-heading: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Transitions */
  --transition-fast: 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-smooth: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-bounce: 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);

  /* Layout Container */
  --container-width: 1280px;
  --header-height: 68px;
}

@media (max-width: 768px) {
  :root {
    --header-height: 54px;
  }
}