:root {
  /* === COLORES PRINCIPALES === */
  --corporate-purple: #7F4790;
  --corporate-blue: #3977B4;
  --link-blue: #3B7DDD;
  --link-blue-rgb: 59, 125, 221;
  --corporate-black: #1E1E1E;
  --corporate-light-blue: #74AEE6;
  --corporate-purple-light: #886294;

  /* === DEGRADADOS === */
  --gradient-sidebar: linear-gradient(
    180deg,
    rgba(57, 119, 180, 0.16) 0%,
    rgba(127, 71, 144, 0.3) 100%
  );

  --gradient-navbar: linear-gradient(
    90deg,
    rgba(57, 119, 180, 0.16) 0%,
    rgba(127, 71, 144, 0.3) 100%
  );

  /* === SOMBRAS === */
  --shadow-card: 0 4px 4px rgba(0, 0, 0, 0.25);
  --shadow-subtle: 0 2px 4px rgba(0, 0, 0, 0.1);

  /* === BORDES === */
  --border-card: 1px solid rgba(30, 30, 30, 0.15);
  --border-radius-card: 8px;
  --border-radius-button: 8px;

  /* === TIPOGRAFÍA === */
  --font-family-main: 'Inter', 'Avenir', sans-serif;
  --font-size-title-large: 32px;
  --font-size-title-medium: 24px;
  --font-size-title-small: 16px;
  --font-size-body: 14px;
  --font-size-small: 12px;

  /* === ESPACIADO === */
  --spacing-xs: 5px;
  --spacing-sm: 10px;
  --spacing-md: 15px;
  --spacing-lg: 20px;
  --spacing-xl: 30px;

  /* === DIMENSIONES === */
  --button-width: 130px;
  --button-height: 30px;
  --navbar-height: 64px;
  --icon-size-small: 20px;
  --icon-size-medium: 24px;
  --icon-size-large: 40px;
}