/* Variáveis CSS - Tema Moderno GitHub Dark Inspired */
:root {
  /* Primary Colors - Inspirado em GitHub Dark Dimmed + Dracula */
  --primary-color: #50fa7b;
  /* Verde vibrante (Dracula Green) */
  --secondary-color: #bd93f9;
  /* Roxo suave (Dracula Purple) */
  --accent-color: #ff79c6;
  /* Rosa accent (Dracula Pink) */
  --cyan-color: #8be9fd;
  /* Cyan para links (Dracula Cyan) */

  /* Text Colors */
  --main-text-color: #e6edf3;
  /* Branco suave (GitHub) */
  --secondary-text-color: #9198a1;
  /* Cinza para texto secundário */
  --heading-color: #ffffff;
  /* Branco puro para títulos */

  /* Background Colors - Mais claros e modernos */
  --bio-bg-color: #22272e;
  /* GitHub Dark Dimmed Sidebar */
  --about-bg-color: #2d333b;
  /* GitHub Dark Dimmed Main */
  --card-bg-color: #373e47;
  /* Cards/Skills boxes */
  --hover-bg-color: #444c56;
  /* Hover state */

  /* Border Colors */
  --border-color: #444c56;
  /* GitHub border */
  --bio-border-color: #373e47;
  --subtle-border: #373e47;

  /* Semantic Colors */
  --success-color: #3fb950;
  /* GitHub success green */
  --warning-color: #f0883e;
  /* Orange warning */
  --error-color: #f85149;
  /* Red error */

  /* Icon Colors - Melhor visibilidade */
  --icon-color-light: #e6edf3;
  --icon-color-dark: #1f2328;

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.5);

  /* Spacing */
  --spacing-xs: 5px;
  --spacing-sm: 10px;
  --spacing-md: 20px;
  --spacing-lg: 25px;
  --spacing-xl: 30px;

  /* Font sizes */
  --font-sm: 20px;
  --font-md: 24px;
  --font-lg: 32px;
  --font-xl: 42px;
  --font-icon: 36px;
  /* Reduzido de 45px para 36px */

  /* Transitions */
  --transition-default: 0.3s ease;
  --transition-fast: 0.15s ease;
}

/* ===== TEMA CLARO - Soft Professional Mode ===== */
/* Inspirado em VS Code Light+, Slack e Linear - Tons suaves e confortáveis */
[data-theme="light"] {
  /* Primary Colors - Azul suave e elegante */
  --primary-color: #0366d6;
  /* Azul médio (GitHub / VS Code) */
  --secondary-color: #6f42c1;
  /* Roxo suave */
  --accent-color: #d73a49;
  /* Vermelho suave para acentos */
  --cyan-color: #0366d6;
  /* Azul para links */

  /* Text Colors - Alto contraste no light mode */
  --main-text-color: #24292e;
  /* Cinza escuro (melhor que preto puro) */
  --secondary-text-color: #586069;
  /* Cinza médio */
  --heading-color: #1b1f23;
  /* Cinza profundo para títulos */

  /* Background Colors - Paleta soft blue-gray */
  --bio-bg-color: #dde1e6;
  /* Cinza médio para destacar a foto */
  --about-bg-color: #e8ecf0;
  /* Cinza claro mais definido */
  --card-bg-color: #d6dce3;
  /* Cinza azulado para cards */
  --hover-bg-color: #cdd3da;
  /* Hover mais definido */

  /* Border Colors */
  --border-color: #cbd2d9;
  /* Cinza azulado médio */
  --bio-border-color: #cbd2d9;
  --subtle-border: #dfe3e8;

  /* Semantic Colors - Adaptados para light mode */
  --success-color: #0969da;
  /* Azul para sucesso */
  --warning-color: #bf8700;
  /* Amarelo escuro */
  --error-color: #cf222e;
  /* Vermelho GitHub */

  /* Icon Colors */
  --icon-color-light: #1f2328;
  --icon-color-dark: #ffffff;

  /* Shadows - Mais sutis no light mode */
  --shadow-sm: 0 1px 3px rgba(31, 35, 40, 0.12);
  --shadow-md: 0 4px 6px rgba(31, 35, 40, 0.15);
  --shadow-lg: 0 10px 25px rgba(31, 35, 40, 0.18);
}