/**
 * GTC Valuador de Patio — Design Tokens & Theme Variables
 * Dark Grafito Mate & Modo Sol Patio (High Contrast)
 */

:root {
  /* Typography */
  --font-heading: 'Sora', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', Consolas, monospace;

  /* Surfaces & Backgrounds (Dark Grafito) */
  --color-bg: #0E1017;
  --color-bg-alt: #161824;
  --color-bg-card: rgba(22, 24, 36, 0.85);
  --color-bg-card-hover: rgba(30, 34, 52, 0.95);
  --color-bg-elevated: #1F2233;
  --color-bg-input: #12141F;
  
  /* Text & Hierarchy */
  --color-text-primary: #F8FAFC;
  --color-text-secondary: #94A3B8;
  --color-text-muted: #64748B;
  --color-text-dim: rgba(255, 255, 255, 0.28);
  --color-text-inverse: #0E1017;

  /* Brand Accents */
  --color-accent: #F53707;
  --color-accent-rgb: 245, 55, 7;
  --color-accent-hover: #FF4A1C;
  --color-accent-dim: rgba(245, 55, 7, 0.15);
  --color-accent-glow: rgba(245, 55, 7, 0.35);

  --color-gold: #CF9F62;
  --color-gold-rgb: 207, 159, 98;
  --color-gold-dim: rgba(207, 159, 98, 0.15);
  --color-gold-glow: rgba(207, 159, 98, 0.4);

  /* Functional / Semantic Palette */
  --color-cyan: #00D4FF;
  --color-cyan-rgb: 0, 212, 255;
  --color-cyan-dim: rgba(0, 212, 255, 0.15);
  
  --color-green: #10B981;
  --color-green-rgb: 16, 185, 129;
  --color-green-dim: rgba(16, 185, 129, 0.15);
  --color-green-glow: rgba(16, 185, 129, 0.4);

  --color-amber: #F59E0B;
  --color-amber-rgb: 245, 158, 11;
  --color-amber-dim: rgba(245, 158, 11, 0.15);

  --color-red: #EF4444;
  --color-red-rgb: 239, 68, 68;
  --color-red-dim: rgba(239, 68, 68, 0.15);
  --color-red-glow: rgba(239, 68, 68, 0.4);

  --color-purple: #8B5CF6;
  --color-purple-dim: rgba(139, 92, 246, 0.15);

  /* Glassmorphism & Borders */
  --glass-border: rgba(255, 255, 255, 0.10);
  --glass-border-hover: rgba(207, 159, 98, 0.5);
  --glass-border-active: rgba(245, 55, 7, 0.85);
  --glass-blur: blur(20px);
  --glass-shadow: 0 16px 40px -8px rgba(0, 0, 0, 0.75), inset 0 1px 0 rgba(255, 255, 255, 0.08);

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

  /* Sizing & Touch Targets */
  --touch-target-min: 48px;
  --header-height: 64px;
  --bottom-bar-height: 72px;

  /* Transitions */
  --transition-fast: 0.15s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-normal: 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

/* ==========================================================================
   SUN MODE (High Contrast for Outdoor Yard Inspection)
   ========================================================================== */
body.theme-sun,
.theme-sun {
  --color-bg: #F1F5F9;
  --color-bg-alt: #FFFFFF;
  --color-bg-card: #FFFFFF;
  --color-bg-card-hover: #F8FAFC;
  --color-bg-elevated: #E2E8F0;
  --color-bg-input: #FFFFFF;

  --color-text-primary: #0F172A;
  --color-text-secondary: #334155;
  --color-text-muted: #64748B;
  --color-text-dim: rgba(15, 23, 42, 0.35);
  --color-text-inverse: #FFFFFF;

  --color-accent: #D72E04;
  --color-accent-dim: rgba(215, 46, 4, 0.12);
  --color-accent-glow: rgba(215, 46, 4, 0.25);

  --color-cyan: #0284C7;
  --color-cyan-dim: rgba(2, 132, 199, 0.12);

  --color-green: #059669;
  --color-green-dim: rgba(5, 150, 105, 0.12);
  --color-green-glow: rgba(5, 150, 105, 0.3);

  --color-amber: #D97706;
  --color-amber-dim: rgba(217, 119, 6, 0.12);

  --color-red: #DC2626;
  --color-red-dim: rgba(220, 38, 38, 0.12);

  --glass-border: #CBD5E1;
  --glass-border-hover: #D72E04;
  --glass-border-active: #D72E04;
  --glass-blur: none;
  --glass-shadow: 0 4px 16px -2px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0,0,0,0.05);
}

/* ==========================================================================
   CLEAN SLATE CORPORATE MODE (Bloomberg / Executive Banking Palette)
   ========================================================================== */
body.theme-corporate,
.theme-corporate {
  --color-bg: #F4F6F9;
  --color-bg-alt: #FFFFFF;
  --color-bg-card: #FFFFFF;
  --color-bg-card-hover: #F8FAFC;
  --color-bg-elevated: #E2E8F0;
  --color-bg-input: #FFFFFF;

  --color-text-primary: #0F172A;
  --color-text-secondary: #475569;
  --color-text-muted: #64748B;
  --color-text-dim: rgba(15, 23, 42, 0.35);
  --color-text-inverse: #FFFFFF;

  --color-accent: #0F172A;
  --color-accent-dim: rgba(15, 23, 42, 0.08);
  --color-accent-glow: rgba(15, 23, 42, 0.18);

  --color-gold: #0F172A;
  --color-gold-dim: rgba(15, 23, 42, 0.08);

  --color-cyan: #2563EB;
  --color-cyan-dim: rgba(37, 99, 235, 0.12);

  --color-green: #059669;
  --color-green-dim: rgba(5, 150, 105, 0.12);
  --color-green-glow: rgba(5, 150, 105, 0.25);

  --color-amber: #D97706;
  --color-amber-dim: rgba(217, 119, 6, 0.12);

  --color-red: #DC2626;
  --color-red-dim: rgba(220, 38, 38, 0.12);

  --glass-border: #E2E8F0;
  --glass-border-hover: #CBD5E1;
  --glass-border-active: #2563EB;
  --glass-blur: none;
  --glass-shadow: 0 4px 16px rgba(15, 23, 42, 0.05), 0 1px 2px rgba(15, 23, 42, 0.03);
}