/**
 * Thème: Hotpink
 * Auteur: Margot
 * Catégorie: main
 * Description: Style rose vif cyberpunk
 */

[data-theme="hotpink"] {
  --main-bg-color: linear-gradient(45deg, #fb3f62 0%, #204c80 37%, #004249 97%) center center/cover no-repeat fixed;
  --modal-bg-color: linear-gradient(-45deg, #204c80 0%, #000 100%) center center/cover no-repeat fixed;
  --modal-header-color: linear-gradient(-45deg, #204c80 0%, #000 100%) center center/cover no-repeat fixed;
  --modal-footer-color: linear-gradient(-45deg, #204c80 0%, #000 100%) center center/cover no-repeat fixed;
  --dropdown-bg: #204c80;
  --card-bg: rgba(32, 76, 128, 0.7);
  --sidebar-bg: rgba(0, 66, 73, 0.95);
  --navbar-bg: rgba(0, 66, 73, 0.95);

  --button-color: #fb3f62;
  --button-color-hover: #cd4164;
  --button-text: #eee;
  --button-text-hover: #fff;
  --button-primary: #fb3f62;
  --button-primary-hover: #ff5a7d;
  --button-success: #00ff9d;
  --button-danger: #ff3333;
  --button-warning: #ffb86c;

  --accent-color: 251, 63, 98;
  --accent-color-hover: rgba(251, 63, 98, 0.8);
  --accent-rgb: 251, 63, 98;

  --link-color: rgb(0, 255, 157);
  --link-color-hover: rgba(0, 255, 157, 0.8);

  --label-text-color: #282a36;

  --text: #eee;
  --text-hover: #fff;
  --text-muted: #999;
  --text-heading: #fff;

  --border-color: rgba(251, 63, 98, 0.5);

  --success-color: #00ff9d;
  --success-color-rgb: 0, 255, 157;
  --error-color: #ff3333;
  --error-color-rgb: 255, 51, 51;
  --warning-color: #ffb86c;
  --warning-color-rgb: 255, 184, 108;
  --info-color: #00d4ff;

  --input-bg: rgba(32, 76, 128, 0.6);
  --input-border: rgba(251, 63, 98, 0.5);
}