/* ============================================
   THEME VARIABLES — Source of Truth
   Source: design-dna.json (modern_v10 - navon)
   Style: Premium Architectural Modern
   ============================================ */

:root {
  /* === Brand Colors === */
  --theme-primary:        #2D1B69;
  --theme-primary-dark:   #1E1245;
  --theme-primary-light:  #3F2B96;
  --theme-accent:         #6366F1;
  --theme-primary-border: #E5E7EB;

  /* === Alpha Variants === */
  --theme-primary-alpha-10: rgba(45, 27, 105, 0.1);
  --theme-primary-alpha-20: rgba(45, 27, 105, 0.2);
  --theme-primary-alpha-50: rgba(45, 27, 105, 0.5);

  /* === Gray Scale === */
  --theme-gray-900: #111827;
  --theme-gray-800: #1F2937;
  --theme-gray-700: #374151;
  --theme-gray-600: #4B5563;
  --theme-gray-500: #6B7280;
  --theme-gray-400: #9CA3AF;
  --theme-gray-300: #D1D5DB;
  --theme-gray-200: #E5E7EB;
  --theme-gray-100: #F3F4F6;
  --theme-gray-50:  #F9FAFB;

  /* === Semantic Variables === */
  --theme-text-primary:   #111827;
  --theme-text-secondary: #4B5563;
  --theme-text-muted:     #6B7280;
  --theme-text-white:     #FFFFFF;
  --theme-bg-default:     #FFFFFF;
  --theme-bg-subtle:      #F9FAFB;
  --theme-border:         #E5E7EB;
  --theme-border-light:   #F3F4F6;

  /* === Feedback === */
  --theme-success: #10B981;
  --theme-error:   #EF4444;
  --theme-warning: #F59E0B;
  --theme-info:    #3B82F6;

  /* === Shapes & Radii === */
  --theme-radius-none: 0;
  --theme-radius-sm:   2px;
  --theme-radius-md:   4px;
  --theme-radius-lg:   8px;
  --theme-radius-xl:   12px;
  --theme-radius-full: 9999px;

  --theme-radius-card:    4px;
  --theme-radius-btn:     2px;
  --theme-radius-input:   2px;
  --theme-radius-img:     4px;
  --theme-radius-badge:   9999px;

  /* === Shadows === */
  --theme-shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
  --theme-shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);
  --theme-shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);

  /* === Spacing === */
  --theme-container: 1200px;
  --theme-section:   8rem;
  --theme-gutter:    2rem;
}