/* app/assets/css/main.css */
@import "tailwindcss";
@import "@nuxt/ui";

@theme static {
  /* light-colors */
  --color-light-primary: #fff;
  --color-text__orange: #e86c6b;
  --color-link-color: #2563eb;

  /* dark-colors */
  --color-dark-primary: #111827;
  --color-dark-primary-800: #1f2937;
  --color-dark-primary-700: #374151;
  --color-dark-primary-600: #4b5563;
  --color-dark-primary-500: #6b7280;
  --color-dark-primary-400: #9ca3af;
  --color-dark-primary-300: #d1d5db;
  --color-dark-primary-200: #e5e7eb;
  --color-dark-primary-100: #f3f4f6;
  --color-dark-primary-50: #f9fafb;

  /* رنگ متن معمولی */
  --color-white-normal: #ffffff; /* متن سفید معمولی */
  --color-black-normal: #111827; /* متن مشکی معمولی */

  /* متن سفید */
  --color-white-bold: #ffffff; /* متن پررنگ سفید */
  --color-white-light: rgba(255, 255, 255, 0.6); /* متن کم‌رنگ سفید */
  --color-white-strong: #ffffff; /* متن بولد سفید */

  /* متن خاکستری / دارک */
  --color-dark-normal: #e5e7eb; /* متن خاکستری روشن */
  --color-dark-bold: #111827; /* متن روشن‌تر و بولد */
  --color-dark-light: #6b7280; /* متن کم‌رنگ خاکستری */
  --color-dark-strong: #ffffff; /* متن بولد خاکستری روشن */

  /* متن غیر فعال */
  --color-text-disabled: #9ca3af;

  /* رنگ های دلخواه دیگر */
  --color-text-orange: #e86c6b;
  --color-link-color: #2563eb;
}

/* تعریف رنگ دلخواه  */
/* primary-colors */
/* --color-primary: #00b6e3; */
/* --color-primary-50: #e0f6fb;
--color-primary-100: #b3e9f7;
--color-primary-200: #80d8f3;
--color-primary-300: #4dc6ef;
--color-primary-400: #1ab4eb;
--color-primary-500: #00b6e3;
--color-primary-600: #0097b0;
--color-primary-700: #007580;
--color-primary-800: #005250;
--color-primary-900: #002f30;
--color-primary-950: #001519; */

* {
  font-family: var(--app-font), sans-serif !important;
}

html,
body,
#__nuxt,
.root {
  font-family: var(--app-font), sans-serif !important;
  direction: rtl;
  text-align: right;
}
button,a {
  cursor: pointer;
}
