/* !!! generated file — do not edit !!! */
/* source: miaad_settings · schema: 1 · hash: cebaf49a049f */

:root {
	--miaad-font-family: "Vazirmatn", "Segoe UI", Tahoma, Arial, sans-serif;
	--miaad-font-display: "Vazirmatn", "Segoe UI", Tahoma, Arial, sans-serif;
	--miaad-font-mono: ui-monospace, "SFMono-Regular", Consolas, monospace;
	--miaad-font-size-body: 15px;
	--miaad-leading-body: 1.85;
	--miaad-leading-heading: 1.45;
	--miaad-tracking-body: -0.1px;
	--miaad-tracking-heading: -0.6px;
	--miaad-weight-body: 400;
	--miaad-weight-medium: 600;
	--miaad-weight-bold: 700;
	--miaad-weight-black: 800;
	--miaad-fs-display: clamp(38px, 6vw, 82px);
	--miaad-fs-h1: clamp(30px, 3.9vw, 54px);
	--miaad-fs-h2: clamp(22px, 2.4vw, 30px);
	--miaad-fs-h3: clamp(17px, 1.6vw, 22px);
	--miaad-fs-h4: 18px;
	--miaad-fs-lead: clamp(13.5px, 1.2vw, 15.5px);
	--miaad-fs-body: 15px;
	--miaad-fs-sm: 13px;
	--miaad-fs-xs: 12px;
	--miaad-fs-caption: 11.5px;
	--miaad-fs-micro: 9.5px;
	--miaad-fs-stat: 24px;
	--miaad-fs-stat-lg: 20px;
	--miaad-container: 1280px;
	--miaad-content-width: 760px;
	--miaad-sidebar-width: 300px;
	--miaad-gutter: clamp(16px, 3.6vw, 40px);
	--miaad-section-y: clamp(44px, 5.2vw, 72px);
	--miaad-section-y-tight: clamp(32px, 4vw, 56px);
	--miaad-control-h: 44px;
	--miaad-control-h-sm: 36px;
	--miaad-control-h-lg: 52px;
	--miaad-r-control: 12px;
	--miaad-r-lg: 20px;
	--miaad-r-xs: 6px;
	--miaad-r-sm: 10px;
	--miaad-r-md: 14px;
	--miaad-r-xl: 28px;
	--miaad-r-pill: 999px;
	--miaad-r-arch: 180px;
	--miaad-s1: 4px;
	--miaad-s2: 8px;
	--miaad-s3: 12px;
	--miaad-s4: 16px;
	--miaad-s5: 20px;
	--miaad-s6: 24px;
	--miaad-s8: 32px;
	--miaad-s10: 40px;
	--miaad-s12: 48px;
	--miaad-s16: 64px;
	--miaad-s20: 80px;
	--miaad-dur-fast: 140ms;
	--miaad-dur-base: 220ms;
	--miaad-dur-slow: 360ms;
	--miaad-dur-image: 600ms;
	--miaad-ease: cubic-bezier(.2, .7, .2, 1);
	--miaad-ease-enter: cubic-bezier(.16, 1, .3, 1);
	--miaad-z-base: 1;
	--miaad-z-header: 70;
	--miaad-z-mini-player: 90;
	--miaad-z-drawer-backdrop: 110;
	--miaad-z-drawer: 115;
	--miaad-z-search: 120;
	--miaad-z-lightbox: 150;
	--miaad-z-toast: 200;
	--miaad-profile-accent: #F49E0B;
	--miaad-profile-accent-hover: #D98200;
	--miaad-profile-accent-ink: #25352E;
	--miaad-profile-ink: #0C1D16;
	--miaad-profile-ink-2: #10382E;
	--miaad-profile-ink-3: #1B4634;
	--miaad-profile-ink-text: #F7F5EF;
	--miaad-profile-ink-muted: #B6C9B9;
	--miaad-profile-ink-subtle: #8CA396;
	--miaad-profile-line: #DCD9CE;
	--miaad-profile-paper: #FFFEFA;
	--miaad-profile-paper-ink: #202F28;
	--miaad-profile-paper-muted: #59665E;
	--miaad-grad-brand: linear-gradient(140deg, #10382E, #205743 78%, #2A5F49);
	--miaad-grad-ink: radial-gradient(ellipse at 78% 10%, #2E4A3E 0, transparent 55%), linear-gradient(135deg, #0F1B16, #1A2E26);
	--miaad-grad-heyat: radial-gradient(ellipse at 12% 0%, #2C5C46 0, transparent 46%), linear-gradient(120deg, #0F2E23, #1B4634 76%);
	--miaad-grad-maddah: linear-gradient(155deg, #131A15 0%, #1E2A20 48%, #2A2418 100%);
	--miaad-grad-maddah-player: linear-gradient(120deg, #22170F, #382518 60%, #24251A);
	--miaad-grad-speaker: linear-gradient(155deg, #10251F, #1B3A2E 70%, #254434);
	--miaad-grad-photo: linear-gradient(to top, rgba(5, 14, 9, .8), transparent 52%);
	--miaad-primary: var(--miaad-color-primary);
	--miaad-primary-dark: var(--miaad-color-primary-dark);
	--miaad-primary-light: var(--miaad-color-primary-light);
	--miaad-accent: var(--miaad-color-accent);
	--miaad-accent-hover: var(--miaad-color-accent-hover);
	--miaad-accent-soft: var(--miaad-color-accent-soft);
	--miaad-bg: var(--miaad-color-bg);
	--miaad-surface: var(--miaad-color-surface);
	--miaad-surface-2: var(--miaad-color-surface-2);
	--miaad-text: var(--miaad-color-text);
	--miaad-text-2: var(--miaad-color-text-2);
	--miaad-text-primary: var(--miaad-color-text);
	--miaad-text-secondary: var(--miaad-color-text-2);
	--miaad-text-tertiary: var(--miaad-color-text-3);
	--miaad-border: var(--miaad-color-border);
	--miaad-border-strong: var(--miaad-color-border-strong);
	--miaad-surface-secondary: var(--miaad-color-surface-2);
	--miaad-accent-light: var(--miaad-color-accent-soft);
	--brand: var(--miaad-color-primary);
	--brand-dark: var(--miaad-color-primary-dark);
	--brand-light: var(--miaad-color-primary-light);
	--brand-soft: var(--miaad-color-primary-soft);
	--bg: var(--miaad-color-bg);
	--bg-deep: var(--miaad-color-bg-deep);
	--surface: var(--miaad-color-surface);
	--surface-2: var(--miaad-color-surface-2);
	--surface-3: var(--miaad-color-surface-3);
	--text: var(--miaad-color-text);
	--text-2: var(--miaad-color-text-2);
	--text-3: var(--miaad-color-text-3);
	--text-on-brand: var(--miaad-color-text-on-brand);
	--border: var(--miaad-color-border);
	--border-strong: var(--miaad-color-border-strong);
	--accent: var(--miaad-color-accent);
	--accent-hover: var(--miaad-color-accent-hover);
	--accent-soft: var(--miaad-color-accent-soft);
	--accent-ink: var(--miaad-color-accent-ink);
}

:root, [data-theme="light"] {
	color-scheme: light;
	--miaad-color-primary: #174C3C;
	--miaad-color-primary-dark: #10382E;
	--miaad-color-primary-light: #28745B;
	--miaad-color-primary-soft: color-mix(in srgb, var(--miaad-color-primary) 9%, var(--miaad-color-surface));
	--miaad-color-accent: #F49E0B;
	--miaad-color-accent-hover: #D98200;
	--miaad-color-accent-soft: #FFF0D2;
	--miaad-color-accent-ink: color-mix(in srgb, var(--miaad-color-accent) 42%, var(--miaad-color-text));
	--miaad-color-bg: #F3F0E8;
	--miaad-color-bg-deep: color-mix(in srgb, var(--miaad-color-bg) 88%, var(--miaad-color-text));
	--miaad-color-surface: #FFFEFA;
	--miaad-color-surface-2: #EAE7DD;
	--miaad-color-surface-3: color-mix(in srgb, var(--miaad-color-surface-2) 88%, var(--miaad-color-text));
	--miaad-color-text: #202F28;
	--miaad-color-text-2: #59665E;
	--miaad-color-text-3: color-mix(in srgb, var(--miaad-color-text-2) 70%, var(--miaad-color-text));
	--miaad-color-border: #DCD9CE;
	--miaad-color-border-strong: color-mix(in srgb, var(--miaad-color-border) 70%, var(--miaad-color-text));
	--miaad-color-focus-ring: color-mix(in srgb, var(--miaad-color-accent) 80%, transparent);
	--miaad-color-brand-wash: color-mix(in srgb, var(--miaad-color-primary) 6%, transparent);
	--miaad-color-brand-wash-strong: color-mix(in srgb, var(--miaad-color-primary) 8%, transparent);
	--miaad-color-accent-wash: color-mix(in srgb, var(--miaad-color-accent) 34%, transparent);
	--miaad-color-hairline: var(--miaad-color-border);
	--miaad-color-header-scrim: color-mix(in srgb, var(--miaad-color-bg) 86%, transparent);
	--miaad-color-mini-scrim: color-mix(in srgb, var(--miaad-color-surface) 92%, transparent);
	--miaad-color-row-hover: color-mix(in srgb, var(--miaad-color-surface-2) 55%, transparent);
	--miaad-color-input-focus: color-mix(in srgb, var(--miaad-color-primary-light) 22%, transparent);
	--miaad-color-text-on-brand: #F7F5EF;
	--miaad-color-text-on-accent: #25352E;
	--miaad-color-text-on-accent-hover: #FFFFFF;
	--miaad-color-success: #27835A;
	--miaad-color-success-bg: #E6F3EB;
	--miaad-color-warning: #B77B28;
	--miaad-color-warning-bg: #FFF3DC;
	--miaad-color-danger: #C44D48;
	--miaad-color-danger-bg: #FCEAE8;
	--miaad-color-info: #3677A6;
	--miaad-color-info-bg: #E8F2F9;
	--miaad-static-white: #FFFFFF;
	--miaad-static-ink: #25352E;
	--miaad-on-dark: #F7F5EF;
	--miaad-on-dark-muted: #B6C9B9;
	--miaad-on-dark-subtle: #8CA396;
	--miaad-surface-inverse: #0C1D16;
	--miaad-surface-inverse-2: #16241D;
	--miaad-border-inverse: #3C5A48;
	--miaad-footer-bg: #0E2A21;
	--miaad-footer-bg-dark: #0B0F0D;
	--miaad-overlay-strong: rgba(6, 14, 10, .78);
	--miaad-overlay-medium: rgba(6, 14, 10, .55);
	--miaad-overlay-soft: rgba(6, 14, 10, .12);
	--miaad-overlay-page: color-mix(in srgb, #0A1712 62%, transparent);
	--miaad-glass: rgba(255, 255, 255, .12);
	--miaad-glass-border: rgba(255, 255, 255, .32);
	--miaad-shadow-sm: 0 2px 8px rgba(24, 48, 37, .06);
	--miaad-shadow-md: 0 8px 24px rgba(24, 48, 37, .10);
	--miaad-shadow-lg: 0 18px 48px rgba(24, 48, 37, .16);
	--miaad-shadow-photo: 0 22px 60px rgba(16, 38, 28, .22);
	--miaad-shadow-accent: 0 6px 16px rgba(244, 158, 11, .28);
	--miaad-shadow-brand: 0 6px 18px rgba(16, 56, 46, .24);
}

[data-theme="dark"] {
	color-scheme: dark;
	--miaad-color-primary: #5A9B7A;
	--miaad-color-primary-dark: #9BC9AE;
	--miaad-color-primary-light: #79B493;
	--miaad-color-primary-soft: color-mix(in srgb, var(--miaad-color-primary) 9%, var(--miaad-color-surface));
	--miaad-color-accent: #F4A91B;
	--miaad-color-accent-hover: #FFC04D;
	--miaad-color-accent-soft: #3D301B;
	--miaad-color-accent-ink: color-mix(in srgb, var(--miaad-color-accent) 42%, var(--miaad-color-text));
	--miaad-color-bg: #111412;
	--miaad-color-bg-deep: color-mix(in srgb, var(--miaad-color-bg) 88%, var(--miaad-color-text));
	--miaad-color-surface: #1C211E;
	--miaad-color-surface-2: #252C27;
	--miaad-color-surface-3: color-mix(in srgb, var(--miaad-color-surface-2) 88%, var(--miaad-color-text));
	--miaad-color-text: #F0F1ED;
	--miaad-color-text-2: #C0C5BD;
	--miaad-color-text-3: color-mix(in srgb, var(--miaad-color-text-2) 70%, var(--miaad-color-text));
	--miaad-color-border: #343D36;
	--miaad-color-border-strong: color-mix(in srgb, var(--miaad-color-border) 70%, var(--miaad-color-text));
	--miaad-color-focus-ring: color-mix(in srgb, var(--miaad-color-accent) 80%, transparent);
	--miaad-color-brand-wash: color-mix(in srgb, var(--miaad-color-primary) 6%, transparent);
	--miaad-color-brand-wash-strong: color-mix(in srgb, var(--miaad-color-primary) 8%, transparent);
	--miaad-color-accent-wash: color-mix(in srgb, var(--miaad-color-accent) 34%, transparent);
	--miaad-color-hairline: var(--miaad-color-border);
	--miaad-color-header-scrim: color-mix(in srgb, var(--miaad-color-bg) 86%, transparent);
	--miaad-color-mini-scrim: color-mix(in srgb, var(--miaad-color-surface) 92%, transparent);
	--miaad-color-row-hover: color-mix(in srgb, var(--miaad-color-surface-2) 55%, transparent);
	--miaad-color-input-focus: color-mix(in srgb, var(--miaad-color-primary-light) 22%, transparent);
	--miaad-color-text-on-brand: #10251B;
	--miaad-color-text-on-accent: #25352E;
	--miaad-color-text-on-accent-hover: #FFFFFF;
	--miaad-color-success: #55B982;
	--miaad-color-success-bg: #1D382A;
	--miaad-color-warning: #E7AD4E;
	--miaad-color-warning-bg: #3D301B;
	--miaad-color-danger: #EF7770;
	--miaad-color-danger-bg: #402321;
	--miaad-color-info: #70B4E0;
	--miaad-color-info-bg: #1E3443;
	--miaad-static-white: #FFFFFF;
	--miaad-static-ink: #25352E;
	--miaad-on-dark: #F7F5EF;
	--miaad-on-dark-muted: #B6C9B9;
	--miaad-on-dark-subtle: #8CA396;
	--miaad-surface-inverse: #0A0F0C;
	--miaad-surface-inverse-2: #16241D;
	--miaad-border-inverse: #3C5A48;
	--miaad-footer-bg: #0E2A21;
	--miaad-footer-bg-dark: #0B0F0D;
	--miaad-overlay-strong: rgba(6, 14, 10, .78);
	--miaad-overlay-medium: rgba(6, 14, 10, .55);
	--miaad-overlay-soft: rgba(6, 14, 10, .12);
	--miaad-overlay-page: color-mix(in srgb, #0A1712 62%, transparent);
	--miaad-glass: rgba(255, 255, 255, .12);
	--miaad-glass-border: rgba(255, 255, 255, .32);
	--miaad-shadow-sm: 0 2px 8px rgba(0, 0, 0, .28);
	--miaad-shadow-md: 0 10px 28px rgba(0, 0, 0, .34);
	--miaad-shadow-lg: 0 22px 60px rgba(0, 0, 0, .48);
	--miaad-shadow-photo: 0 24px 64px rgba(0, 0, 0, .5);
	--miaad-shadow-accent: 0 6px 16px rgba(244, 158, 11, .28);
	--miaad-shadow-brand: 0 6px 18px rgba(16, 56, 46, .24);
}

@media (prefers-color-scheme: dark) {
	[data-theme="system"],
	:root:not([data-theme]) {
		color-scheme: dark;
		--miaad-color-primary: #5A9B7A;
		--miaad-color-primary-dark: #9BC9AE;
		--miaad-color-primary-light: #79B493;
		--miaad-color-primary-soft: color-mix(in srgb, var(--miaad-color-primary) 9%, var(--miaad-color-surface));
		--miaad-color-accent: #F4A91B;
		--miaad-color-accent-hover: #FFC04D;
		--miaad-color-accent-soft: #3D301B;
		--miaad-color-accent-ink: color-mix(in srgb, var(--miaad-color-accent) 42%, var(--miaad-color-text));
		--miaad-color-bg: #111412;
		--miaad-color-bg-deep: color-mix(in srgb, var(--miaad-color-bg) 88%, var(--miaad-color-text));
		--miaad-color-surface: #1C211E;
		--miaad-color-surface-2: #252C27;
		--miaad-color-surface-3: color-mix(in srgb, var(--miaad-color-surface-2) 88%, var(--miaad-color-text));
		--miaad-color-text: #F0F1ED;
		--miaad-color-text-2: #C0C5BD;
		--miaad-color-text-3: color-mix(in srgb, var(--miaad-color-text-2) 70%, var(--miaad-color-text));
		--miaad-color-border: #343D36;
		--miaad-color-border-strong: color-mix(in srgb, var(--miaad-color-border) 70%, var(--miaad-color-text));
		--miaad-color-focus-ring: color-mix(in srgb, var(--miaad-color-accent) 80%, transparent);
		--miaad-color-brand-wash: color-mix(in srgb, var(--miaad-color-primary) 6%, transparent);
		--miaad-color-brand-wash-strong: color-mix(in srgb, var(--miaad-color-primary) 8%, transparent);
		--miaad-color-accent-wash: color-mix(in srgb, var(--miaad-color-accent) 34%, transparent);
		--miaad-color-hairline: var(--miaad-color-border);
		--miaad-color-header-scrim: color-mix(in srgb, var(--miaad-color-bg) 86%, transparent);
		--miaad-color-mini-scrim: color-mix(in srgb, var(--miaad-color-surface) 92%, transparent);
		--miaad-color-row-hover: color-mix(in srgb, var(--miaad-color-surface-2) 55%, transparent);
		--miaad-color-input-focus: color-mix(in srgb, var(--miaad-color-primary-light) 22%, transparent);
		--miaad-color-text-on-brand: #10251B;
		--miaad-color-text-on-accent: #25352E;
		--miaad-color-text-on-accent-hover: #FFFFFF;
		--miaad-color-success: #55B982;
		--miaad-color-success-bg: #1D382A;
		--miaad-color-warning: #E7AD4E;
		--miaad-color-warning-bg: #3D301B;
		--miaad-color-danger: #EF7770;
		--miaad-color-danger-bg: #402321;
		--miaad-color-info: #70B4E0;
		--miaad-color-info-bg: #1E3443;
		--miaad-static-white: #FFFFFF;
		--miaad-static-ink: #25352E;
		--miaad-on-dark: #F7F5EF;
		--miaad-on-dark-muted: #B6C9B9;
		--miaad-on-dark-subtle: #8CA396;
		--miaad-surface-inverse: #0A0F0C;
		--miaad-surface-inverse-2: #16241D;
		--miaad-border-inverse: #3C5A48;
		--miaad-footer-bg: #0E2A21;
		--miaad-footer-bg-dark: #0B0F0D;
		--miaad-overlay-strong: rgba(6, 14, 10, .78);
		--miaad-overlay-medium: rgba(6, 14, 10, .55);
		--miaad-overlay-soft: rgba(6, 14, 10, .12);
		--miaad-overlay-page: color-mix(in srgb, #0A1712 62%, transparent);
		--miaad-glass: rgba(255, 255, 255, .12);
		--miaad-glass-border: rgba(255, 255, 255, .32);
		--miaad-shadow-sm: 0 2px 8px rgba(0, 0, 0, .28);
		--miaad-shadow-md: 0 10px 28px rgba(0, 0, 0, .34);
		--miaad-shadow-lg: 0 22px 60px rgba(0, 0, 0, .48);
		--miaad-shadow-photo: 0 24px 64px rgba(0, 0, 0, .5);
		--miaad-shadow-accent: 0 6px 16px rgba(244, 158, 11, .28);
		--miaad-shadow-brand: 0 6px 18px rgba(16, 56, 46, .24);
	}
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--miaad-dur-fast: 0.01ms;
		--miaad-dur-base: 0.01ms;
		--miaad-dur-slow: 0.01ms;
		--miaad-dur-image: 0.01ms;
	}
}