/* ===== DANA FONT CSS ===== */ /* Elegant, versatile Persian font with extensive weight range */ @font-face { font-family: 'Dana'; src: url('../fonts/dana/DanaFaNum-Hairline.woff2') format('woff2'); font-weight: 100; font-style: normal; font-display: swap; unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF; } @font-face { font-family: 'Dana'; src: url('../fonts/dana/DanaFaNum-UltraLight.woff2') format('woff2'); font-weight: 200; font-style: normal; font-display: swap; unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF; } @font-face { font-family: 'Dana'; src: url('../fonts/dana/DanaFaNum-Thin.woff2') format('woff2'); font-weight: 300; font-style: normal; font-display: swap; unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF; } @font-face { font-family: 'Dana'; src: url('../fonts/dana/DanaFaNum-Light.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF; } @font-face { font-family: 'Dana'; src: url('../fonts/dana/DanaFaNum-Medium.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF; } @font-face { font-family: 'Dana'; src: url('../fonts/dana/DanaFaNum-DemiBold.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF; } @font-face { font-family: 'Dana'; src: url('../fonts/dana/DanaFaNum-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF; } @font-face { font-family: 'Dana'; src: url('../fonts/dana/DanaFaNum-ExtraBold.woff2') format('woff2'); font-weight: 800; font-style: normal; font-display: swap; unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF; } @font-face { font-family: 'Dana'; src: url('../fonts/dana/DanaFaNum-Heavy.woff2') format('woff2'); font-weight: 900; font-style: normal; font-display: swap; unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF; } @font-face { font-family: 'Dana'; src: url('../fonts/dana/DanaFaNum-Black.woff2') format('woff2'); font-weight: 950; font-style: normal; font-display: swap; unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF; } @font-face { font-family: 'Dana'; src: url('../fonts/dana/DanaFaNum-ExtraBlack.woff2') format('woff2'); font-weight: 1000; font-style: normal; font-display: swap; unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF; } @font-face { font-family: 'Dana'; src: url('../fonts/dana/DanaFaNum-fat.woff2') format('woff2'); font-weight: 1050; font-style: normal; font-display: swap; unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF; } /* ===== DANA TYPOGRAPHY CLASSES ===== */ .dana-text { font-family: 'Dana', sans-serif; font-weight: normal; direction: rtl; text-align: right; line-height: 1.8; letter-spacing: 0.02em; } .dana-heading { font-family: 'Dana', sans-serif; font-weight: bold; direction: rtl; text-align: right; line-height: 1.8; letter-spacing: 0.02em; } .dana-body { font-family: 'Dana', sans-serif; font-weight: normal; direction: rtl; text-align: right; line-height: 1.8; letter-spacing: 0.02em; } .dana-light { font-family: 'Dana', sans-serif; font-weight: 300; direction: rtl; text-align: right; line-height: 1.8; letter-spacing: 0.02em; } .dana-medium { font-family: 'Dana', sans-serif; font-weight: 500; direction: rtl; text-align: right; line-height: 1.8; letter-spacing: 0.02em; } .dana-bold { font-family: 'Dana', sans-serif; font-weight: bold; direction: rtl; text-align: right; line-height: 1.8; letter-spacing: 0.02em; } .dana-thin { font-family: 'Dana', sans-serif; font-weight: 100; direction: rtl; text-align: right; line-height: 1.8; letter-spacing: 0.02em; } .dana-black { font-family: 'Dana', sans-serif; font-weight: 900; direction: rtl; text-align: right; line-height: 1.8; letter-spacing: 0.02em; } .dana-input { font-family: 'Dana', sans-serif; direction: rtl; text-align: right; } .dana-button { font-family: 'Dana', sans-serif; direction: rtl; text-align: right; } .dana-label { font-family: 'Dana', sans-serif; direction: rtl; text-align: right; } .dana-table { font-family: 'Dana', sans-serif; direction: rtl; text-align: right; } .dana-nav { font-family: 'Dana', sans-serif; direction: rtl; text-align: right; } .dana-card { font-family: 'Dana', sans-serif; direction: rtl; text-align: right; } .dana-modal { font-family: 'Dana', sans-serif; direction: rtl; text-align: right; } .dana-search { font-family: 'Dana', sans-serif; direction: rtl; text-align: right; } .dana-pagination { font-family: 'Dana', sans-serif; direction: rtl; text-align: right; } .dana-badge { font-family: 'Dana', sans-serif; direction: rtl; text-align: right; } .dana-datetime { font-family: 'Dana', sans-serif; direction: rtl; text-align: right; } .dana-numbers { font-family: 'Dana', sans-serif; direction: rtl; text-align: right; } .dana-currency { font-family: 'Dana', sans-serif; direction: rtl; text-align: right; } .dana-list { font-family: 'Dana', sans-serif; direction: rtl; text-align: right; } .dana-error { font-family: 'Dana', sans-serif; direction: rtl; text-align: right; } .dana-success { font-family: 'Dana', sans-serif; direction: rtl; text-align: right; } .dana-warning { font-family: 'Dana', sans-serif; direction: rtl; text-align: right; } .dana-info { font-family: 'Dana', sans-serif; direction: rtl; text-align: right; } .dana-tooltip { font-family: 'Dana', sans-serif; direction: rtl; text-align: right; } .dana-dropdown { font-family: 'Dana', sans-serif; direction: rtl; text-align: right; } .dana-checkbox { font-family: 'Dana', sans-serif; direction: rtl; text-align: right; } .dana-radio { font-family: 'Dana', sans-serif; direction: rtl; text-align: right; } .dana-progress { font-family: 'Dana', sans-serif; direction: rtl; text-align: right; } .dana-breadcrumb { font-family: 'Dana', sans-serif; direction: rtl; text-align: right; } .dana-tabs { font-family: 'Dana', sans-serif; direction: rtl; text-align: right; } .dana-accordion { font-family: 'Dana', sans-serif; direction: rtl; text-align: right; } .dana-timeline { font-family: 'Dana', sans-serif; direction: rtl; text-align: right; } .dana-stepper { font-family: 'Dana', sans-serif; direction: rtl; text-align: right; } .dana-notification { font-family: 'Dana', sans-serif; direction: rtl; text-align: right; } .dana-alert { font-family: 'Dana', sans-serif; direction: rtl; text-align: right; } .dana-skeleton { font-family: 'Dana', sans-serif; direction: rtl; text-align: right; } .dana-loading { font-family: 'Dana', sans-serif; direction: rtl; text-align: right; } .dana-empty { font-family: 'Dana', sans-serif; direction: rtl; text-align: right; } .dana-spotlight { font-family: 'Dana', sans-serif; direction: rtl; text-align: right; } .dana-command { font-family: 'Dana', sans-serif; direction: rtl; text-align: right; } .dana-context-menu { font-family: 'Dana', sans-serif; direction: rtl; text-align: right; } .dana-popover { font-family: 'Dana', sans-serif; direction: rtl; text-align: right; } .dana-hover-card { font-family: 'Dana', sans-serif; direction: rtl; text-align: right; } .dana-drawer { font-family: 'Dana', sans-serif; direction: rtl; text-align: right; } .dana-overlay { font-family: 'Dana', sans-serif; direction: rtl; text-align: right; } .dana-portal { font-family: 'Dana', sans-serif; direction: rtl; text-align: right; } .dana-scroll-area { font-family: 'Dana', sans-serif; direction: rtl; text-align: right; } .dana-virtual-list { font-family: 'Dana', sans-serif; direction: rtl; text-align: right; } .dana-infinite-scroll { font-family: 'Dana', sans-serif; direction: rtl; text-align: right; } .dana-masonry { font-family: 'Dana', sans-serif; direction: rtl; text-align: right; } .dana-carousel { font-family: 'Dana', sans-serif; direction: rtl; text-align: right; } .dana-image { font-family: 'Dana', sans-serif; direction: rtl; text-align: right; } .dana-avatar { font-family: 'Dana', sans-serif; direction: rtl; text-align: right; } .dana-group { font-family: 'Dana', sans-serif; direction: rtl; text-align: right; } .dana-stack { font-family: 'Dana', sans-serif; direction: rtl; text-align: right; } .dana-grid { font-family: 'Dana', sans-serif; direction: rtl; text-align: right; } .dana-container { font-family: 'Dana', sans-serif; direction: rtl; text-align: right; } .dana-center { font-family: 'Dana', sans-serif; direction: rtl; text-align: right; } .dana-flex { font-family: 'Dana', sans-serif; direction: rtl; text-align: right; } .dana-box { font-family: 'Dana', sans-serif; direction: rtl; text-align: right; } .dana-paper { font-family: 'Dana', sans-serif; direction: rtl; text-align: right; } .dana-section { font-family: 'Dana', sans-serif; direction: rtl; text-align: right; } .dana-divider { font-family: 'Dana', sans-serif; direction: rtl; text-align: right; } .dana-space { font-family: 'Dana', sans-serif; direction: rtl; text-align: right; } .dana-hairline { font-family: 'Dana', sans-serif; font-weight: 100; direction: rtl; text-align: right; } .dana-ultra-light { font-family: 'Dana', sans-serif; font-weight: 200; direction: rtl; text-align: right; } .dana-thin { font-family: 'Dana', sans-serif; font-weight: 300; direction: rtl; text-align: right; } .dana-light { font-family: 'Dana', sans-serif; font-weight: 400; direction: rtl; text-align: right; } .dana-medium { font-family: 'Dana', sans-serif; font-weight: 500; direction: rtl; text-align: right; } .dana-demi-bold { font-family: 'Dana', sans-serif; font-weight: 600; direction: rtl; text-align: right; } .dana-bold { font-family: 'Dana', sans-serif; font-weight: 700; direction: rtl; text-align: right; } .dana-extra-bold { font-family: 'Dana', sans-serif; font-weight: 800; direction: rtl; text-align: right; } .dana-heavy { font-family: 'Dana', sans-serif; font-weight: 900; direction: rtl; text-align: right; } .dana-black { font-family: 'Dana', sans-serif; font-weight: 950; direction: rtl; text-align: right; } .dana-extra-black { font-family: 'Dana', sans-serif; font-weight: 1000; direction: rtl; text-align: right; } .dana-fat { font-family: 'Dana', sans-serif; font-weight: 1050; direction: rtl; text-align: right; }