/* =========================================================
   WIRTZ DRIVE · VARIABLES
   ========================================================= */

:root {
  color-scheme: light;

  /* =======================================================
     COLORES PRINCIPALES
     ======================================================= */

  --accent: #e12630;
  --accent-hover: #c91f29;
  --accent-active: #ae1b23;
  --accent-soft: #fff3f4;
  --accent-border: #e7aeb2;

  --success: #238253;
  --success-hover: #19663f;
  --success-soft: #eef9f3;
  --success-border: #afd5bf;

  --warning: #a56c12;
  --warning-hover: #81530c;
  --warning-soft: #fff8e8;
  --warning-border: #e4ca91;

  --danger: #d12630;
  --danger-hover: #ad1e26;
  --danger-soft: #fff4f4;
  --danger-border: #e6adb1;

  --info: #346b90;
  --info-hover: #275775;
  --info-soft: #f0f7fb;
  --info-border: #b4cfdf;

  /* =======================================================
     FONDOS
     ======================================================= */

  --app-bg: #f3f4f6;
  --app-bg-strong: #ebedf0;

  --surface: #ffffff;
  --surface-soft: #f7f8f9;
  --surface-muted: #f0f1f3;
  --surface-strong: #e9ebee;

  --overlay: rgba(20, 22, 26, 0.68);

  /* =======================================================
     TEXTO
     ======================================================= */

  --text: #1c1f24;
  --text-strong: #111317;
  --text-muted: #676c75;
  --text-soft: #8b9099;
  --text-disabled: #a9adb4;
  --text-inverse: #ffffff;

  /* =======================================================
     BORDES
     ======================================================= */

  --line-soft: #e7e9ec;
  --line: #d7dade;
  --line-strong: #bfc3ca;
  --line-focus: #969ba4;

  /* =======================================================
     SIDEBAR
     ======================================================= */

  --sidebar-bg: #17191d;
  --sidebar-surface: #202328;
  --sidebar-surface-hover: #272a30;
  --sidebar-surface-active: #2d3036;

  --sidebar-text: #ffffff;
  --sidebar-text-muted: #a4a8b0;
  --sidebar-text-soft: #7f848d;

  --sidebar-line: #34373d;
  --sidebar-line-strong: #464a52;

  /* =======================================================
     DIMENSIONES
     ======================================================= */

  --sidebar-width: 258px;
  --topbar-height: 76px;

  --content-max-width: 1680px;

  /* =======================================================
     RADIOS
     ======================================================= */

  --radius-xs: 7px;
  --radius-sm: 10px;
  --radius-md: 13px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-2xl: 26px;
  --radius-pill: 999px;

  /* =======================================================
     ESPACIADO
     ======================================================= */

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-9: 40px;
  --space-10: 48px;

  /* =======================================================
     TRANSICIONES
     ======================================================= */

  --transition-fast: 120ms ease;
  --transition: 170ms ease;
  --transition-slow: 260ms ease;

  /* =======================================================
     TIPOGRAFÍA
     ======================================================= */

  --font-family:
    "DM Sans",
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;

  --font-size-xs: 10px;
  --font-size-sm: 12px;
  --font-size-md: 14px;
  --font-size-lg: 16px;
  --font-size-xl: 20px;
  --font-size-2xl: 26px;
  --font-size-3xl: 34px;
}