:root {
  font-size: 16px;

  --radius-1: 0.5rem;
  --radius-2: 0.75rem;
  --radius-3: 1rem;

  --primary: #6749b1;
  --primary-hover: #6d5fcf;
  --primary-dark: #4e3d83;
  --primary-grey: #f4f0ff;
  --success: #6eb248;
  --success-hover: #589b31;
  --success-grey: #ddfff1;
  --danger: #e44258;
  --danger-hover: #b63546;
  --danger-grey: #ffdcd4;
  --warning: #ffc107;
  --warning-hover: #d6a100;
  --warning-grey: #fcf3da;
  --blue: #0088ff;
  --preto: #222;
  --preto-light: #666;
  --text: #333;
  --cinza: #eaeaea;
  --cinza-light: #f1f1f1;

  --black-1: #2a2a2a;
  --black-2: #4a4a4a;
  --black-3: #666;
  --black-4: #888;

  --grey-1: #9a9a9a;
  --grey-2: #eaeaea;
  --grey-3: #f1f1f1;
  --grey-4: #f9f9f9;

  --gradient-1: linear-gradient(135deg, #6d5fcf, #8167e6, #6749b1);

  --bg-pattern-light: center / cover no-repeat url('https://social.portalidea.com.br/assets/img/bg-pattern-light.png');
  --bg-pattern-dark: center / cover no-repeat url('https://social.portalidea.com.br/assets/img/bg-pattern-dark.png');

  /* bootstrap variables */
  --bs-progress-bar-bg: var(--primary);

  --regular: 400;
  --semi-bold: 600;
  --bold: 700;
  --black: 900;

  --shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);

  --transition: 0.28s ease;
}