/*
Theme Name: الجواد توس
Theme URI: https://aljavad.org/
Author: Hamidreza
Description: پوستهٔ اختصاصی مؤسسهٔ فرهنگی پژوهشی الجواد توس — تم اسلامی–فرهنگی با نقوش اسلیمی و گره، بر پایهٔ سبز زمردی لوگوی مؤسسه. شامل فهرست نسخ خطی، مقالات، دستاوردها و فروشگاه کتاب مبتنی بر ووکامرس.
Version: 2.0.0
Requires at least: 6.0
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nosakh
Tags: rtl-language-support, custom-logo, custom-colors, e-commerce, translation-ready
*/

/* ------------------------------------------------------------------ *
 *  فونت‌ها
 * ------------------------------------------------------------------ */

@font-face {
	font-family: 'Vazirmatn';
	src: url('assets/fonts/Vazirmatn-Regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Vazirmatn';
	src: url('assets/fonts/Vazirmatn-Medium.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Vazirmatn';
	src: url('assets/fonts/Vazirmatn-Bold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Vazirmatn';
	src: url('assets/fonts/Vazirmatn-Black.woff2') format('woff2');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

/* ------------------------------------------------------------------ *
 *  متغیرهای طراحی
 * ------------------------------------------------------------------ */

:root {
	/* سبز زمردی — برگرفته از لوگوی مؤسسه (#0E9059) */
	--n-green-950: #061811;
	--n-green-900: #0a291c;
	--n-green-800: #0c402b;
	--n-green-700: #0d633f;
	--n-green-600: #0e9059; /* رنگ رسمی برند */
	--n-green-500: #29a370;
	--n-green-400: #47c28f;
	--n-green-300: #82ceaf;
	--n-green-200: #b4dfcd;
	--n-green-100: #daf1e7;
	--n-green-50:  #f0f9f6;

	/* طلایی تذهیب */
	--n-gold-700: #866420;
	--n-gold-600: #a5802c;
	--n-gold-500: #c19a3b;
	--n-gold-400: #d6b163;
	--n-gold-300: #e2c78a;
	--n-gold-200: #eedaae;
	--n-gold-100: #f7ecd0;
	--n-gold-50:  #fcf6e7;

	/* لاجورد — لهجه‌ی دوم هنر اسلامی */
	--n-lapis: #1f3a68;
	--n-shanjarf: #9c3b2e; /* شنگرف */

	/* کاغذ کهن */
	--n-paper:    #fbf8f1;
	--n-paper-2:  #f6f1e5;
	--n-paper-3:  #efe8d8;
	--n-ink:      #17211d;
	--n-ink-2:    #445048;
	--n-ink-3:    #6c7a72;
	--n-line:     #e0d9c8;

	/* نقش‌مایه‌ها */
	--n-primary:  var(--n-green-600);
	--n-primary-d: var(--n-green-800);
	--n-accent:   var(--n-gold-500);

	--n-radius:    14px;
	--n-radius-sm: 9px;
	--n-radius-lg: 22px;

	--n-shadow-1: 0 1px 2px rgba(10, 41, 28, .06), 0 2px 8px rgba(10, 41, 28, .05);
	--n-shadow-2: 0 4px 12px rgba(10, 41, 28, .08), 0 12px 32px rgba(10, 41, 28, .08);
	--n-shadow-3: 0 12px 28px rgba(10, 41, 28, .12), 0 28px 64px rgba(10, 41, 28, .12);

	--n-container: 1220px;
	--n-gutter: 24px;

	--n-font: 'Vazirmatn', 'Segoe UI', Tahoma, sans-serif;
	--n-font-display: 'Vazirmatn', 'Segoe UI', Tahoma, sans-serif;
	/* اگر روی سیستم کاربر نستعلیق نصب باشد برای عناصر تزئینی استفاده می‌شود */
	--n-font-nastaliq: 'IranNastaliq', 'Noto Nastaliq Urdu', 'Vazirmatn', serif;

	--n-ease: cubic-bezier(.22, .61, .36, 1);
}

/* حالت تیره — شب‌نامه */
@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) {
		--n-paper:   #0f1714;
		--n-paper-2: #14201b;
		--n-paper-3: #1a2a23;
		--n-ink:     #e9f0ea;
		--n-ink-2:   #b4c4bb;
		--n-ink-3:   #8b9c93;
		--n-line:    #24352c;
		--n-primary: var(--n-green-400);
		--n-shadow-1: 0 1px 2px rgba(0, 0, 0, .4);
		--n-shadow-2: 0 6px 20px rgba(0, 0, 0, .45);
		--n-shadow-3: 0 16px 48px rgba(0, 0, 0, .55);
	}
}
:root[data-theme="dark"] {
	--n-paper:   #0f1714;
	--n-paper-2: #14201b;
	--n-paper-3: #1a2a23;
	--n-ink:     #e9f0ea;
	--n-ink-2:   #b4c4bb;
	--n-ink-3:   #8b9c93;
	--n-line:    #24352c;
	--n-primary: var(--n-green-400);
	--n-shadow-1: 0 1px 2px rgba(0, 0, 0, .4);
	--n-shadow-2: 0 6px 20px rgba(0, 0, 0, .45);
	--n-shadow-3: 0 16px 48px rgba(0, 0, 0, .55);
}

/* ------------------------------------------------------------------ *
 *  بازنشانی پایه
 * ------------------------------------------------------------------ */

*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }

body {
	margin: 0;
	font-family: var(--n-font);
	font-size: 16px;
	line-height: 1.9;
	color: var(--n-ink);
	background-color: var(--n-paper);
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}

img, svg, video { max-width: 100%; height: auto; }
img { display: block; }

a { color: var(--n-primary); text-decoration: none; transition: color .2s var(--n-ease); }
a:hover { color: var(--n-gold-600); }

h1, h2, h3, h4, h5, h6 {
	font-family: var(--n-font-display);
	font-weight: 700;
	line-height: 1.5;
	margin: 0 0 .6em;
	color: var(--n-ink);
	letter-spacing: -.01em;
}
h1 { font-size: clamp(1.7rem, 1.1rem + 2.4vw, 2.6rem); font-weight: 900; }
h2 { font-size: clamp(1.4rem, 1rem + 1.6vw, 2rem); }
h3 { font-size: clamp(1.15rem, .95rem + .9vw, 1.45rem); }
h4 { font-size: 1.1rem; }

p { margin: 0 0 1.1em; }
ul, ol { padding-inline-start: 1.4em; }

button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; }

table { width: 100%; border-collapse: collapse; }

:focus-visible {
	outline: 2px solid var(--n-gold-500);
	outline-offset: 2px;
	border-radius: 4px;
}

.screen-reader-text {
	position: absolute !important;
	width: 1px; height: 1px;
	padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0 0 0 0);
	white-space: nowrap; border: 0;
}

.skip-link {
	position: absolute;
	inset-inline-start: -9999px;
	top: 0;
	z-index: 999;
	background: var(--n-green-800);
	color: #fff;
	padding: 12px 20px;
	border-radius: 0 0 var(--n-radius-sm) var(--n-radius-sm);
}
.skip-link:focus { inset-inline-start: 12px; color: #fff; }