@theme {
  --font-sans:
      "Inter", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

  --color-primary-50: rgb(255 248 229); /* #fff8e5 */
  --color-primary-100: rgb(255 236 186); /* #ffecba */
  --color-primary-200: rgb(255 219 134); /* #ffdb86 */
  --color-primary-300: rgb(255 205 92); /* #ffcd5c */
  --color-primary-400: rgb(255 196 68); /* #ffc444 */
  --color-primary-500: rgb(255 201 60); /* #ffc93c */
  --color-primary-600: rgb(217 166 45); /* #d9a62d */
  --color-primary-700: rgb(182 136 34); /* #b68822 */
  --color-primary-800: rgb(140 104 23); /* #8c6817 */
  --color-primary-900: rgb(104 77 17); /* #684d11 */
  --color-primary-950: rgb(54 39 8); /* #362708 */

  --color-secondary-50: rgb(230 244 248); /* #e6f4f8 */
  --color-secondary-100: rgb(190 228 235); /* #bee4eb */
  --color-secondary-200: rgb(150 209 221); /* #96d1dd */
  --color-secondary-300: rgb(104 188 206); /* #68bccE */
  --color-secondary-400: rgb(56 152 179); /* #3898b3 */
  --color-secondary-500: rgb(21 82 99); /* #155263 */
  --color-secondary-600: rgb(17 67 81); /* #114351 */
  --color-secondary-700: rgb(13 52 63); /* #0d343f */
  --color-secondary-800: rgb(9 37 45); /* #09252d */
  --color-secondary-900: rgb(5 24 29); /* #05181d */
  --color-secondary-950: rgb(2 14 18); /* #020e12 */

  --animate-toast-from-right: toast-from-right 0.5s
  cubic-bezier(0.68, -0.55, 0.27, 1.55);
  --animate-toast-from-left: toast-from-left 0.5s
  cubic-bezier(0.68, -0.55, 0.27, 1.55);

  @keyframes toast-from-right {
    0% {
      transform: translateX(50%);
      opacity: 0%;
    }

    100% {
      transform: translateX(0);
      opacity: 100%;
    }
  }

  @keyframes toast-from-left {
    0% {
      transform: translateX(-50%);
      opacity: 0%;
    }

    100% {
      transform: translateX(0);
      opacity: 100%;
    }
  }
}

@layer base {
  *,
  ::after,
  ::before,
  ::backdrop,
  ::file-selector-button {
    border-color: var(--color-gray-200, currentColor);
  }
}

@plugin "@tailwindcss/typography";

/* Keep: Include Rails UI content paths */
@config "../../stylesheets/railsui/tailwind.config.js";