/* مولَّدٌ من site/app/design/tokens.mjs — لا يُعدَّل بيد */
:root{
--raw-night:#0C1226;--raw-night2:#141E3E;--raw-glow:#E9B654;--raw-word:#F5C15C;--raw-ivory:#F3ECD9;--raw-soft:#D3D8E8;--raw-dim:#A9B3CC;--raw-card:#F5E4CE;--raw-sepia:#3B2718;--raw-rose:#D58366;--raw-straw:#E9BA79;--raw-paper:#F6F1E7;--raw-paper2:#EFE8D9;--raw-line:#DCD2BC;--raw-line2:#C9BC9F;--raw-ink:#15203A;--raw-ink2:#3E4A6B;--raw-ink3:#5F6983;--raw-gold:#B8892B;--raw-gold-deep:#8A6418;--raw-wash:#F3E4B8;--raw-night-raise:#1A2443;--raw-night-line:#2C3866;--raw-night-line2:#36427A;--raw-ivory-warm:#E9E2CF;--raw-dim-ayah:#7F89A8;
--f-read:var(--font-read),serif;--f-ui:var(--font-ui),system-ui,sans-serif;--f-quran:var(--font-quran),serif;--f-head:var(--font-ui),system-ui,sans-serif;
--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:72px;--s9:112px;
--page:1180px;--measure:36em;--aside:300px;--gutter:clamp(16px, 7.09px + 2.286cqi, 40px);--torn:14px;--dawn-h:4px;--radius:3px;
--torn-top:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 16' preserveAspectRatio='none'%3E%3Cpath d='M0 16 L0 4.5 L0.0 4.5 L17.0 3.4 L25.6 4.6 L38.0 3.7 L53.0 5.0 L65.5 5.9 L79.1 7.5 L88.0 6.9 L102.5 7.9 L109.2 8.8 L120.8 10.9 L136.5 9.0 L148.6 11.1 L162.9 11.9 L175.8 13.9 L192.7 13.3 L202.8 15.0 L212.7 13.2 L222.3 12.9 L231.9 15.0 L244.5 15.0 L261.1 12.8 L270.4 13.1 L282.5 12.7 L290.8 14.7 L297.4 14.1 L307.6 14.9 L324.7 15.0 L332.6 14.5 L342.1 13.8 L353.1 13.0 L365.5 13.6 L374.3 15.0 L385.8 15.0 L399.4 15.0 L411.6 15.0 L425.9 15.0 L436.7 15.0 L445.7 15.0 L455.9 14.2 L466.6 15.0 L483.1 13.1 L498.9 10.9 L509.8 9.2 L516.8 11.7 L525.4 12.4 L533.1 12.1 L546.2 10.3 L563.3 12.3 L580.0 14.2 L596.9 15.0 L606.2 12.6 L615.2 10.4 L621.2 11.0 L630.0 12.2 L641.8 13.2 L650.7 15.0 L659.5 14.4 L676.2 12.5 L688.1 10.0 L705.1 10.7 L722.1 8.3 L738.9 6.7 L756.6 7.0 L770.7 5.9 L779.4 4.4 L792.2 2.2 L807.4 3.2 L822.0 3.2 L828.4 1.2 L845.4 1.0 L859.6 3.0 L866.1 4.9 L882.4 7.3 L899.9 8.7 L910.9 7.4 L925.6 9.3 L936.4 8.0 L947.3 9.9 L960.0 9.2 L973.4 10.4 L983.5 11.5 L994.5 10.0 L1000 7 L1000 16Z' fill='black'/%3E%3C/svg%3E");--torn-bottom:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 16' preserveAspectRatio='none'%3E%3Cpath d='M0 0 L0 4.5 L0.0 4.5 L12.0 3.8 L26.6 1.9 L34.5 3.9 L51.3 5.9 L66.4 4.8 L82.8 6.3 L96.7 3.9 L103.5 5.1 L111.2 4.0 L120.5 6.2 L127.0 4.6 L141.2 2.5 L147.3 3.8 L158.4 5.8 L168.3 4.8 L180.1 7.2 L196.9 9.6 L205.7 7.2 L216.2 8.9 L233.5 9.9 L247.5 11.0 L257.3 10.4 L267.8 7.9 L283.6 6.3 L293.1 6.6 L300.0 6.7 L308.7 8.3 L316.6 7.1 L323.3 5.9 L331.1 4.4 L344.1 5.9 L350.9 7.2 L361.5 4.9 L376.2 2.5 L387.0 2.5 L396.6 1.4 L406.9 1.0 L422.8 2.9 L440.2 2.7 L453.8 3.9 L464.4 2.9 L471.4 2.9 L488.9 5.3 L504.3 7.8 L520.9 7.4 L536.8 8.3 L551.8 6.9 L558.7 8.6 L576.5 6.6 L593.2 5.2 L609.9 5.0 L620.6 7.1 L636.9 5.8 L650.5 4.1 L662.1 2.3 L670.7 2.5 L687.8 4.4 L705.8 2.1 L712.3 2.5 L724.0 3.6 L732.7 1.4 L749.1 1.4 L761.0 3.0 L773.7 2.7 L780.1 4.5 L790.7 6.3 L808.1 5.4 L818.5 5.4 L834.1 3.7 L840.9 2.2 L848.7 2.6 L864.5 3.5 L879.7 4.5 L894.5 5.9 L903.9 7.5 L913.0 7.0 L928.6 4.8 L946.0 4.3 L956.5 5.9 L965.6 6.9 L972.2 6.4 L988.6 6.6 L996.2 4.6 L1000 7 L1000 0Z' fill='black'/%3E%3C/svg%3E");--torn-side:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 1000' preserveAspectRatio='none'%3E%3Cpath d='M0 0 L4.5 0.0 L4.1 6.9 L4.2 15.5 L4.0 31.0 L1.8 37.5 L3.7 55.2 L5.0 62.5 L5.8 69.3 L7.3 80.4 L9.3 89.2 L11.5 96.1 L10.3 105.6 L8.9 121.7 L10.7 131.7 L12.7 141.0 L11.3 155.8 L9.4 169.4 L11.0 181.0 L11.6 189.1 L12.7 200.5 L13.5 210.4 L13.0 221.9 L11.5 232.2 L11.9 241.2 L11.7 252.3 L13.0 264.7 L12.3 280.4 L10.5 292.6 L8.4 300.6 L6.9 316.5 L4.6 333.0 L2.1 346.7 L2.5 363.4 L1.3 373.2 L1.0 388.9 L1.1 398.4 L1.6 415.3 L1.2 425.2 L1.0 436.0 L1.5 448.6 L2.3 465.1 L2.3 481.8 L4.4 491.9 L6.0 504.1 L8.4 515.9 L7.1 528.5 L9.0 540.4 L8.1 557.3 L9.5 566.0 L8.7 573.1 L9.5 589.6 L11.5 601.7 L12.8 614.0 L14.7 628.7 L15.0 635.0 L15.0 646.4 L13.5 654.8 L12.8 668.1 L15.0 675.4 L13.3 688.5 L14.9 695.0 L12.8 707.2 L14.5 723.3 L12.4 729.3 L12.9 740.6 L12.9 756.7 L13.7 765.3 L15.0 772.7 L15.0 779.0 L13.5 791.9 L12.4 800.4 L11.1 813.8 L11.1 826.9 L10.5 841.0 L12.1 853.1 L11.5 860.9 L13.6 876.4 L15.0 884.7 L15.0 896.8 L13.9 905.1 L14.8 921.8 L12.6 937.0 L14.5 946.6 L13.1 964.1 L12.5 974.9 L10.3 989.5 L7 1000 L0 1000Z' fill='black'/%3E%3C/svg%3E");--mask-fill:linear-gradient(#000 0 0);
--night-board:url("/ds/night.jpg");--glow:radial-gradient(ellipse 62% 120% at 92% -10%,rgba(233,182,84,0.26),rgba(233,182,84,0.08) 45%,transparent 75%);
--dawn:linear-gradient(90deg,#E9BA79,#D58366 30%,#D58366 70%,#E9BA79);
--dur:160ms;
}
:root{--t-display:700 clamp(40px, 31.09px + 2.286cqi, 64px)/1.25 var(--f-head);--t-h1:700 clamp(29px, 24.17px + 1.238cqi, 42px)/1.4 var(--f-head);--t-figure:700 clamp(52px, 40.11px + 3.048cqi, 84px)/1 var(--f-head);--t-h2:700 clamp(22px, 20.14px + 0.476cqi, 27px)/1.45 var(--f-head);--t-h3:600 clamp(18px, 17.26px + 0.190cqi, 20px)/1.6 var(--f-head);--t-lead:400 clamp(19px, 17.89px + 0.286cqi, 22px)/1.9 var(--f-read);--t-body:400 clamp(18px, 17.26px + 0.190cqi, 20px)/2 var(--f-read);--t-ui:500 clamp(15px, 14.81px + 0.048cqi, 15.5px)/1.5 var(--f-ui);--t-small:400 clamp(14.5px, 14.13px + 0.095cqi, 15.5px)/1.75 var(--f-ui);--t-meta:400 clamp(13px, 12.63px + 0.095cqi, 14px)/1.5 var(--f-ui);--t-label:600 clamp(12.5px, 12.31px + 0.048cqi, 13px)/1.4 var(--f-ui);--t-ayah:400 clamp(23px, 20.40px + 0.667cqi, 30px)/2.15 var(--f-quran)}
:root,[data-theme="light"]{--paper-bg:#F6F1E7;--paper-raise:#EFE8D9;--paper-head:#141E3E;--paper-ink:#15203A;--paper-ink2:#3E4A6B;--paper-ink3:#5F6983;--paper-rule:#DCD2BC;--paper-rule2:#C9BC9F;--paper-accent:#B8892B;--paper-accent-ink:#8A6418;--paper-wash:#F3E4B8;--paper-ayah-dim:color-mix(in oklab, #5F6983 52%, #F6F1E7);--paper-cta:#141E3E;--paper-cta-ink:#F3ECD9;--paper-focus:#141E3E;--paper-print-edge:#F5E4CE;--paper-print-shade:0 1px 2px rgba(59,39,24,0.16), 0 14px 28px -12px rgba(59,39,24,0.38);--paper-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.23 0 0 0 0 0.15 0 0 0 0 0.09 0 0 0 0.06 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--paper-bg:#141E3E;--paper-raise:#1A2443;--paper-head:#F3ECD9;--paper-ink:#E9E2CF;--paper-ink2:#D3D8E8;--paper-ink3:#A9B3CC;--paper-rule:#2C3866;--paper-rule2:#36427A;--paper-accent:#E9B654;--paper-accent-ink:#F5C15C;--paper-wash:rgba(233,182,84,0.16);--paper-ayah-dim:#7F89A8;--paper-cta:#F5C15C;--paper-cta-ink:#0C1226;--paper-focus:#F5C15C;--paper-print-edge:#F5E4CE;--paper-print-shade:0 14px 28px -12px rgba(0,0,0,0.6);--paper-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.95 0 0 0 0 0.93 0 0 0 0 0.85 0 0 0 0.035 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}}
[data-theme="light"]{--paper-bg:#F6F1E7;--paper-raise:#EFE8D9;--paper-head:#141E3E;--paper-ink:#15203A;--paper-ink2:#3E4A6B;--paper-ink3:#5F6983;--paper-rule:#DCD2BC;--paper-rule2:#C9BC9F;--paper-accent:#B8892B;--paper-accent-ink:#8A6418;--paper-wash:#F3E4B8;--paper-ayah-dim:color-mix(in oklab, #5F6983 52%, #F6F1E7);--paper-cta:#141E3E;--paper-cta-ink:#F3ECD9;--paper-focus:#141E3E;--paper-print-edge:#F5E4CE;--paper-print-shade:0 1px 2px rgba(59,39,24,0.16), 0 14px 28px -12px rgba(59,39,24,0.38);--paper-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.23 0 0 0 0 0.15 0 0 0 0 0.09 0 0 0 0.06 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
[data-theme="dark"]{--paper-bg:#141E3E;--paper-raise:#1A2443;--paper-head:#F3ECD9;--paper-ink:#E9E2CF;--paper-ink2:#D3D8E8;--paper-ink3:#A9B3CC;--paper-rule:#2C3866;--paper-rule2:#36427A;--paper-accent:#E9B654;--paper-accent-ink:#F5C15C;--paper-wash:rgba(233,182,84,0.16);--paper-ayah-dim:#7F89A8;--paper-cta:#F5C15C;--paper-cta-ink:#0C1226;--paper-focus:#F5C15C;--paper-print-edge:#F5E4CE;--paper-print-shade:0 14px 28px -12px rgba(0,0,0,0.6);--paper-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.95 0 0 0 0 0.93 0 0 0 0 0.85 0 0 0 0.035 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
[data-surface="paper"]{--bg:var(--paper-bg);--raise:var(--paper-raise);--head:var(--paper-head);--ink:var(--paper-ink);--ink2:var(--paper-ink2);--ink3:var(--paper-ink3);--rule:var(--paper-rule);--rule2:var(--paper-rule2);--accent:var(--paper-accent);--accent-ink:var(--paper-accent-ink);--wash:var(--paper-wash);--ayah-dim:var(--paper-ayah-dim);--cta:var(--paper-cta);--cta-ink:var(--paper-cta-ink);--focus:var(--paper-focus);--print-edge:var(--paper-print-edge);--print-shade:var(--paper-print-shade);--grain:var(--paper-grain)}
[data-surface="night"]{--bg:#0C1226;--raise:#141E3E;--head:#F3ECD9;--ink:#F3ECD9;--ink2:#D3D8E8;--ink3:#A9B3CC;--rule:rgba(211,216,232,0.16);--rule2:rgba(211,216,232,0.34);--accent:#F5C15C;--accent-ink:#F5C15C;--wash:rgba(245,193,92,0.14);--ayah-dim:rgba(243,236,217,0.45);--cta:#F5C15C;--cta-ink:#0C1226;--focus:#F5C15C;--print-edge:#F5E4CE;--print-shade:0 14px 28px -12px rgba(0,0,0,0.7);--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.95 0 0 0 0 0.93 0 0 0 0 0.85 0 0 0 0.03 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}