:root {
  --primary-500: #3c82f6;
  --primary-600: #155dfc;
  --primary-light: #3c82f61a;

  --alert-base: #f63c3f;
  --alert-light: #fef2f2;

  --warning-base: #f6a83c;

  --success-base: #34c759;
  --success-light: #f0fdf4;

  --gray-base: #22222280;
  --gray-medium: #ededed;
  --gray-light: #ededed80;

  .primary-font-base {
    font-family: "Afacad", ui-sans-serif, system-ui, sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
  }

  [x-cloak] {
    display: none;
  }
}