/* Generated theme — light */
:root {
  --primary-100: #FCF8F7;
  --primary-200: #F7EBE8;
  --primary-300: #F0D6D1;
  --primary-400: #F59F8F;
  --primary-500: #F0674C;
  --primary-600: #EC3713;
  --primary-700: #BC2C10;
  --primary-800: #8D210C;
  --primary-900: #571205;
  --secondary-100: #FBF9F9;
  --secondary-200: #F3EDEC;
  --secondary-300: #E8DBD9;
  --secondary-400: #DAB1A9;
  --secondary-500: #C48478;
  --secondary-600: #B15E4E;
  --secondary-700: #8E4B3E;
  --secondary-800: #6B382E;
  --secondary-900: #42201A;
  --tertiary-100: #FBFCF8;
  --tertiary-200: #F4F6E9;
  --tertiary-300: #E9EDD4;
  --tertiary-400: #DFEC97;
  --tertiary-500: #CCE25B;
  --tertiary-600: #BBD827;
  --tertiary-700: #96AD1F;
  --tertiary-800: #708217;
  --tertiary-900: #45500B;
  --neutral-100: #FAFAFA;
  --neutral-200: #F0EFEF;
  --neutral-300: #E2E0DF;
  --neutral-400: #C6BFBE;
  --neutral-500: #A59A98;
  --neutral-600: #887A77;
  --neutral-700: #6D625F;
  --neutral-800: #524947;
  --neutral-900: #322B2A;
  --error-100: #FCF8F8;
  --error-200: #F6EAE9;
  --error-300: #EDD5D3;
  --error-400: #ED9B96;
  --error-500: #E36059;
  --error-600: #DA2E25;
  --error-700: #AF251D;
  --error-800: #831C16;
  --error-900: #510E0B;
  --bs-primary: #F0674C;
  --bs-primary-rgb: 240, 103, 76;
  --bs-secondary: #C48478;
  --bs-secondary-rgb: 196, 132, 120;
  --bs-success: #198744;
  --bs-success-rgb: 25, 135, 68;
  --bs-info: #0DE5F0;
  --bs-info-rgb: 13, 229, 240;
  --bs-warning: #FFBC07;
  --bs-warning-rgb: 255, 188, 7;
  --bs-danger: #E36059;
  --bs-danger-rgb: 227, 96, 89;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;

  --bs-link-color: #F0674C;
  --bs-link-color-rgb: 240, 103, 76;
  --bs-link-hover-color: #BC2C10;
  --bs-link-decoration: none;
}

/* Core overrides mapping to CSS variables */
.btn-primary { background-color: var(--bs-primary) !important; border-color: var(--bs-primary) !important; color: white !important; }
.btn-primary:hover { background-color: var(--primary-700) !important; border-color: var(--primary-700) !important; }
.btn-secondary { background-color: var(--bs-secondary) !important; border-color: var(--bs-secondary) !important; color: white !important; }
.btn-secondary:hover { background-color: var(--secondary-700) !important; border-color: var(--secondary-700) !important; }
.btn-success { background-color: var(--bs-success) !important; border-color: var(--bs-success) !important; }
.btn-info { background-color: var(--bs-info) !important; border-color: var(--bs-info) !important; }
.btn-warning { background-color: var(--bs-warning) !important; border-color: var(--bs-warning) !important; }
.btn-danger { background-color: var(--bs-danger) !important; border-color: var(--bs-danger) !important; }

.btn-outline-primary { color: var(--bs-primary) !important; border-color: var(--bs-primary) !important; background-color: transparent !important; }
.btn-outline-primary:hover { color: white !important; background-color: var(--bs-primary) !important; border-color: var(--bs-primary) !important; }
.btn-outline-secondary { color: var(--bs-secondary) !important; border-color: var(--bs-secondary) !important; background-color: transparent !important; }
.btn-outline-secondary:hover { color: white !important; background-color: var(--bs-secondary) !important; border-color: var(--bs-secondary) !important; }

.bg-primary { background-color: var(--bs-primary) !important; }
.bg-secondary { background-color: var(--bs-secondary) !important; }
.bg-success { background-color: var(--bs-success) !important; }
.bg-info { background-color: var(--bs-info) !important; }
.bg-warning { background-color: var(--bs-warning) !important; }
.bg-danger { background-color: var(--bs-danger) !important; }

.bg-primary-subtle { background-color: var(--primary-100) !important; color: var(--primary-700) !important; }
.bg-secondary-subtle { background-color: var(--secondary-100) !important; color: var(--secondary-700) !important; }

.text-primary { color: var(--bs-primary) !important; }
.text-secondary { color: var(--bs-secondary) !important; }
.text-success { color: var(--bs-success) !important; }
.text-info { color: var(--bs-info) !important; }
.text-warning { color: var(--bs-warning) !important; }
.text-danger { color: var(--bs-danger) !important; }

.border-primary { border-color: var(--bs-primary) !important; }
.border-primary-subtle { border-color: var(--primary-200) !important; }
.border-secondary { border-color: var(--bs-secondary) !important; }
.border-success { border-color: var(--bs-success) !important; }
.border-info { border-color: var(--bs-info) !important; }
.border-warning { border-color: var(--bs-warning) !important; }
.border-danger { border-color: var(--bs-danger) !important; }

.shadow-primary { box-shadow: 0 0.5rem 1rem rgba(var(--bs-primary-rgb), 0.15) !important; }
.shadow-primary-sm { box-shadow: 0 0.125rem 0.25rem rgba(var(--bs-primary-rgb), 0.075) !important; }

a { color: var(--bs-primary); text-decoration: none !important; }
a:hover { color: var(--primary-700); text-decoration: none !important; }
a:focus { color: var(--primary-700); text-decoration: none !important; }
.btn-link { color: var(--bs-primary); text-decoration: none !important; }
.btn-link:hover { color: var(--primary-700); text-decoration: none !important; }
.btn-link:focus { color: var(--primary-700); text-decoration: none !important; }

.link-primary { color: var(--bs-primary) !important; }
.link-primary:hover { color: var(--primary-700) !important; }
.link-secondary { color: var(--bs-secondary) !important; }
.link-secondary:hover { color: var(--secondary-700) !important; }

.pagination .page-link { color: var(--primary-700); background-color: transparent; border-color: var(--primary-200); }
.pagination .page-link:hover { color: var(--primary-800); background-color: var(--primary-100); border-color: var(--primary-300); }
.pagination .page-item.active .page-link { color: white; background-color: var(--bs-primary); border-color: var(--bs-primary); }
.pagination .page-item.disabled .page-link { color: var(--primary-400); background-color: transparent; border-color: var(--primary-200); }

/* Generated theme — dark */
[data-bs-theme="dark"] {
  --primary-100: #3B0C03;
  --primary-200: #581204;
  --primary-300: #7B1C09;
  --primary-400: #AB270D;
  --primary-500: #E53310;
  --primary-600: #F15E41;
  --primary-700: #F48671;
  --primary-800: #F8AFA0;
  --primary-900: #F3DDD8;
  --secondary-100: #2D1511;
  --secondary-200: #432019;
  --secondary-300: #5D3027;
  --secondary-400: #814237;
  --secondary-500: #AB594A;
  --secondary-600: #C27D70;
  --secondary-700: #D29D93;
  --secondary-800: #E1BEB7;
  --secondary-900: #ECE1DF;
  --tertiary-100: #2F3607;
  --tertiary-200: #46520A;
  --tertiary-300: #627212;
  --tertiary-400: #889E1A;
  --tertiary-500: #B6D322;
  --tertiary-600: #CAE34F;
  --tertiary-700: #D8EA7B;
  --tertiary-800: #E5F1A7;
  --tertiary-900: #EDF1DA;
  --neutral-100: #221D1C;
  --neutral-200: #322B2A;
  --neutral-300: #47403E;
  --neutral-400: #625855;
  --neutral-500: #837572;
  --neutral-600: #A09592;
  --neutral-700: #B8AFAD;
  --neutral-800: #D0CAC8;
  --neutral-900: #E7E5E4;
  --error-100: #360A07;
  --error-200: #510E0B;
  --error-300: #721813;
  --error-400: #9D211A;
  --error-500: #D22D23;
  --error-600: #E25850;
  --error-700: #E9827C;
  --error-800: #F0ACA8;
  --error-900: #F0DCDB;
  --bs-primary: #E53310;
  --bs-primary-rgb: 229, 51, 16;
  --bs-secondary: #AB594A;
  --bs-secondary-rgb: 171, 89, 74;
  --bs-success: #198744;
  --bs-success-rgb: 25, 135, 68;
  --bs-info: #0DE5F0;
  --bs-info-rgb: 13, 229, 240;
  --bs-warning: #FFBD07;
  --bs-warning-rgb: 255, 189, 7;
  --bs-danger: #D22D23;
  --bs-danger-rgb: 210, 45, 35;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;

  --bs-link-color: #E53310;
  --bs-link-color-rgb: 229, 51, 16;
  --bs-link-hover-color: #AB270D;
}


/* Dynamic Font Face - Only Selected Font */
@font-face {
    font-family: 'Dana';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/assets/fonts/dana/dana-fanum-regular.woff2') format('woff2'),
         url('/assets/fonts/dana/dana-fanum-regular.woff') format('woff');
}

/* Dynamic Font Family */
body { font-family: 'Dana', sans-serif !important; }


/* Custom Global CSS */
:root{
  /* Brand colors */
  --sd-primary: #2563eb;   /* آبی اصلی */
  --sd-accent:  #2ec4b6;   /* فیروزه‌ای */
  --sd-ink:     #0f172a;   /* متن اصلی */
  --sd-muted:   rgba(15,23,42,.70);

  /* Surfaces */
  --sd-surface: rgba(255,255,255,.72);
  --sd-border:  rgba(15,23,42,.08);

  /* Shadows (یکدست برای همه سکشن‌ها) */
  --sd-shadow-sm: 0 14px 40px rgba(2,6,23,.06);
  --sd-shadow-md: 0 22px 70px rgba(2,6,23,.08);

  /* Radius */
  --sd-r-lg: 22px;
  --sd-r-md: 18px;
}

/* اگر از Bootstrap استفاده می‌کنی و می‌خوای دکمه‌ها هم هماهنگ بشن */
.btn-primary{
  background-color: var(--sd-primary);
  border-color: var(--sd-primary);
}
.btn-outline-primary{
  color: var(--sd-primary);
  border-color: color-mix(in srgb, var(--sd-primary) 55%, transparent);
}
.btn-outline-primary:hover{
  background-color: var(--sd-primary);
  border-color: var(--sd-primary);
  color:#fff;
}