/* Inside style/app.css */

/* :root {
  --generic: #121212;
  --primary: #f59e0b;
  --secondary: #f59e0b;
  --success: #22c55e;
  --error: #ef4444;
  --neutral: #64748b;
  --dark: #121212;
  --gray: #535353;


} */

:root {
  --bg-color: #f5f5f5;
  --text-color: #333333;
  --primary: #f59e0b;
  --secondary-bg: #f8f9fa;
  --border-color: #dee2e6;
  --dark: #121212;
  --nav-bg: #f8f9fa;
  --nav-text: #000000;
  --bg-white: #fff;

  --gray: #535353;
  --gray_light: #f5f5f5;

  --cta-box-shadow: #000000bf;

  --chart_border-color: rgba(170, 170, 170, 0.41);

  --bg-card: #fff;
  --bg-input: #fff;
  --text-input: #000000;

  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);

  --text-xs: 0.75rem; /* 12px */
  --text-xs--line-height: calc(1 / 0.75);

  --text-sm: 0.875rem; /* 14px */
  --text-sm--line-height: calc(1.25 / 0.875);

  --text-base: 1rem; /* 16px */
  --text-base--line-height: calc(1.5 / 1);

  --text-lg: 1.125rem; /* 18px */
  --text-lg--line-height: calc(1.75 / 1.125);

  --text-xl: 1.25rem; /* 20px */
  --text-xl--line-height: calc(1.75 / 1.25);

  --text-2xl: 1.5rem; /* 24px */
  --text-2xl--line-height: calc(2 / 1.5);

  --text-3xl: 1.875rem; /* 30px */
  --text-3xl--line-height: calc(2.25 / 1.875);
}

[data-theme="dark"] {
  --bg-color: #121212;
  --text-color: #ffffff;
  --primary: #fbbf24;
  --secondary-bg: #1f1f1f;
  --border-color: #2d2d2d;
  --dark: #fefefe;
  --nav-bg: #1f1f1f;
  --nav-text: #ffffff;

  --chart_border-color: #a50000;

  --gray: #b4b4b4;
  --gray_light: #7b7b7b;

  --cta-box-shadow: #ffffffbf;

  --bg-white: #404040fa;

  --bg-card: #424242a8;
  --bg-input: #373737;
  --text-input: #fefefe;
}

body {
  line-height: 1.6;
  background-color: var(--bg-white);
  color: #212529;
  margin: 0;
  padding: 0;
    font-family: "IRANYekanX-Light", sans-serif;
}

/* Typography */
p {
  padding: 0;
  margin: 0;

}

/* Text Size Classes */
.text-xs {
  font-size: var(--text-xs) !important;
  line-height: var(--text-xs--line-height) !important;
}
.text-sm {
  font-size: var(--text-sm) !important;
  line-height: var(--text-sm--line-height) !important;
}
.text-base {
  font-size: var(--text-base) !important;
  line-height: var(--text-base--line-height) !important;
}
.text-lg {
  font-size: var(--text-lg) !important;
  line-height: var(--text-lg--line-height) !important;
}
.text-xl {
  font-size: var(--text-xl) !important;
  line-height: var(--text-xl--line-height) !important;
}
.text-2xl {
  font-size: var(--text-2xl) !important;
  line-height: var(--text-2xl--line-height) !important;
}
.text-3xl {
  font-size: var(--text-3xl) !important;
  line-height: var(--text-3xl--line-height) !important;
}

.rounded-8 {
  border-radius: 8px;
}

.rounded-24 {
  border-radius: 24px;
}

h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
  margin: 0;
    font-family: "IRANYekanX-Medium", sans-serif;

}

@media screen and (max-width: 1200px) {
}

@media screen and (max-width: 992px) {
}

@media screen and (max-width: 768px) {
}

@media screen and (max-width: 576px) {
}