/* =========================================
   TOKENS DE COLOR COMPARTIDOS
   Usar en signup.php y dashboard.php
   ========================================= */
:root {
  /* Colores principales */
  --bg-dark: #040609;
  --primary-cyan: #34a5dd;
  --text-main: #ffffff;
  --text-muted: #8ea2bd;
  --text-strong: #ffffff;
  --text-inverse: #081019;
  --surface-0: #040609;
  --surface-1: #0b0d10;
  --surface-2: #111316;
  --surface-3: #121417;
  --surface-4: #0f141a;
  --surface-hover: #131924;
  --surface-soft: #0d1116;
  --surface-accent: #111923;
  --surface-accent-soft: rgba(52, 165, 221, 0.12);
  --surface-accent-strong: rgba(52, 165, 221, 0.18);
  --surface-success-soft: rgba(54, 179, 126, 0.12);
  --surface-danger-soft: rgba(255, 95, 95, 0.12);
  --surface-warning-soft: rgba(242, 184, 75, 0.1);
  --overlay-bg: rgba(8, 12, 19, 0.72);
  --shadow-color: rgba(0, 0, 0, 0.35);
  --shadow-elevated: 0 18px 40px rgba(0, 0, 0, 0.35);
  --border-strong: #243248;
  --border-accent: rgba(52, 165, 221, 0.45);
  --icon-soft-bg: #0d141d;
  --icon-soft-border: #213246;
  --danger-text: #ffd7d7;
  --danger-text-strong: #ff7d7d;
  --warning-text: #ffe2a8;
  --success-text: #bff5dc;
  --accent-text-soft: #a7ddff;
  --accent-text: #d7e6ff;

  /* Colores de componentes */
  --sidebar-bg: #0b0d10;
  --card-bg: #0b0d10;
  --card-head-bg: #121417;
  --border-color: #131924;
}

:root[data-theme='light'] {
  --bg-dark: #f4f7fb;
  --primary-cyan: #177db5;
  --text-main: #18222e;
  --text-muted: #4f6278;
  --text-strong: #0f1722;
  --text-inverse: #ffffff;
  --surface-0: #f4f7fb;
  --surface-1: #ffffff;
  --surface-2: #f7f9fc;
  --surface-3: #eef3f8;
  --surface-4: #e9eef5;
  --surface-hover: #e2e8f0;
  --surface-soft: #f1f5f9;
  --surface-accent: #e8f2fb;
  --surface-accent-soft: rgba(23, 125, 181, 0.1);
  --surface-accent-strong: rgba(23, 125, 181, 0.16);
  --surface-success-soft: rgba(22, 163, 74, 0.1);
  --surface-danger-soft: rgba(239, 68, 68, 0.1);
  --surface-warning-soft: rgba(245, 158, 11, 0.12);
  --overlay-bg: rgba(15, 23, 34, 0.34);
  --shadow-color: rgba(15, 23, 34, 0.08);
  --shadow-elevated: 0 18px 40px rgba(15, 23, 34, 0.12);
  --border-strong: #bfd0e2;
  --border-accent: rgba(23, 125, 181, 0.38);
  --icon-soft-bg: #edf4fb;
  --icon-soft-border: #c8d8e8;
  --danger-text: #b91c1c;
  --danger-text-strong: #991b1b;
  --warning-text: #9a6700;
  --success-text: #166534;
  --accent-text-soft: #0b678f;
  --accent-text: #114a69;
  --sidebar-bg: #ffffff;
  --card-bg: #ffffff;
  --card-head-bg: #f7f9fc;
  --border-color: #d7e0ea;
}