/* habitat-dash-v2 Design System - Professional Dark Theme */
:root {
  /* --- THEME CUSTOMIZATION: STANDARD WARM GOLD & SOLEIL SLATE --- */
  --app-panel-bg: #121620;
  --app-body-bg: #0b0e14;
  --app-footer-bg: #0e1118;
  --app-card-bg: #151a25;
  --app-border: rgba(223, 166, 52, 0.22);
  --app-border-strong: rgba(223, 166, 52, 0.40);
  
  /* Standard Warm Gold / Oro Caldo */
  --app-accent: #dfa634;
  --app-accent-hover: #edba4c;
  --app-accent-gold: #dfa634;

  --accent-blue: #dfa634;
  --accent-blue-hover: #edba4c;
  --accent-cyan: #dfa634;
  --accent-cyan-hover: #edba4c;
  --accent-yellow: #dfa634;
  --accent-yellow-hover: #edba4c;
  --border-focus: #dfa634;
  --info: #dfa634;
  --text-on-accent: #0c0f14;

  /* Palette Dark Uniforme */
  --bg-primary: #0b0e14;
  --bg-secondary: #121620;
  --bg-tertiary: #181d29;
  --bg-hover: #202737;
  --border-primary: rgba(223, 166, 52, 0.16);
  --border-secondary: rgba(223, 166, 52, 0.10);

  

  /* Override base variables below header */
  --bg-primary: #08100c;
  --bg-secondary: #0f1a14;
  --border-primary: rgba(74, 124, 100, 0.25);

  

  /* Colors - Dark Professional */
  --bg-primary: #0d1117;
  --bg-secondary: #161b22;
  --bg-tertiary: #21262d;
  --bg-hover: #2d333b;
  --bg-active: #30363d;
  
  --border-primary: #30363d;
  --border-secondary: #21262d;
  --border-focus: #58a6ff;
  
  --text-primary: #e6edf3;
  --text-secondary: #8b949e;
  --text-muted: #6e7681;
  --text-on-accent: #0d1117;
  
  --accent-blue: #58a6ff;
  --accent-blue-hover: #79b8ff;
  --accent-green: #3fb950;
  --accent-green-hover: #56d364;
  --accent-yellow: #d29922;
  --accent-yellow-hover: #e3b341;
  --accent-red: #f85149;
  --accent-red-hover: #ff7b72;
  --accent-purple: #a371f7;
  --accent-purple-hover: #b892f7;
  --accent-cyan: #39c5cf;
  
  /* Semantic */
  --success: var(--accent-green);
  --warning: var(--accent-yellow);
  --danger: var(--accent-red);
  --info: var(--accent-blue);
  
  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.3);
  --shadow-md: 0 4px 8px rgba(0,0,0,0.4);
  --shadow-lg: 0 8px 24px rgba(0,0,0,0.5);
  --shadow-xl: 0 16px 48px rgba(0,0,0,0.6);
  
  /* Radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;
  
  /* Spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  
  /* Typography */
  --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif;
  --font-mono: 'SF Mono', 'Fira Code', 'Fira Mono', Menlo, Consolas, monospace;
  --text-xs: 11px;
  --text-sm: 13px;
  --text-base: 14px;
  --text-lg: 16px;
  --text-xl: 18px;
  --text-2xl: 22px;
  --text-3xl: 28px;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  
  /* Layout */
  --header-height: 56px;
  --footer-height: 36px;
  --tools-width: 300px;
  --options-width: 300px;
  --nav-tab-height: 40px;
  
  /* Transitions */
  --transition-fast: 120ms ease;
  --transition-base: 200ms ease;
  --transition-slow: 300ms ease;
  
  /* Z-index */
  --z-dropdown: 100;
  --z-sticky: 200;
  --z-fixed: 300;
  --z-modal: 400;
  --z-toast: 500;
}

/* Light theme (optional, per future) */
@media (prefers-color-scheme: light) {
  :root[data-theme="light"] {
    --bg-primary: #ffffff;
    --bg-secondary: #f6f8fa;
    --bg-tertiary: #eaeef2;
    --bg-hover: #d0d7de;
    --bg-active: #c9d1d9;
    --border-primary: #d0d7de;
    --border-secondary: #eaeef2;
    --text-primary: #1f2328;
    --text-secondary: #57606a;
    --text-muted: #6e7781;
    --text-on-accent: #ffffff;
  }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  :root {
    --transition-fast: 0ms;
    --transition-base: 0ms;
    --transition-slow: 0ms;
  }

  }