/* Theme Name: Blocksy Child Theme URI: https://erciran.ir Description: Child theme for Blocksy Author: Pouria Ahmadi Template: blocksy Version: 1.0.0 Text Domain: blocksy-child */ /* ===================================================== 2) DESIGN TOKENS (Single Source of Truth) Dark Theme = Default ===================================================== */ :root { /* ===== Spacing (8px system) ===== */ --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem; --space-4: 1rem; --space-5: 1.5rem; --space-6: 2rem; --space-7: 3rem; --space-8: 3.5rem; /* ===== Radius ===== */ --radius-sm: 6px; --radius-md: 10px; --radius-lg: 14px; /* ===== Transition ===== */ --transition-fast: 150ms ease; --transition-normal: 250ms ease; /* ===== Background ===== */ --bg-primary: #0F1419; --bg-secondary: #1A1F26; --bg-card: #1E252E; --bg-card-hover: #252D38; /* ===== Text ===== */ --text-primary: #E8EAED; --text-secondary: #9BA3AF; --text-muted: #6B7280; --text-tertiary: #6B7280; --text-disabled: #4B5563; --text-inverse: #0F1419; /* ===== Brand ===== */ --brand-red: #A51C24; --brand-red-hover: #8A1720; --bg-elevated: #242B35; /* Accent Colors */ --brand-red: #A51C24; --brand-red-hover: #8A1720; --brand-blue: #0882CB; --brand-blue-hover: #0670AB; /* ===== Border ===== */ --border-default: #374151; --border-subtle: #2D3748; /* ===== Status ===== */ --success: #10B981; --warning: #F59E0B; --error: #EF4444; /* ===== Shadow ===== */ --shadow-sm: 0 2px 8px rgba(0,0,0,0.25); --shadow-md: 0 6px 18px rgba(0,0,0,0.35); /* ===== Typography ===== */ --font-base: "IRANSansX", sans-serif; /* ===== Scrollbar ===== */ --scrollbar-track: #1A1F26; --scrollbar-thumb: #0882CB; --scrollbar-thumb-hover: #0670AB; } /* ===================================================== 3) LIGHT THEME (Optional) فعالسازی با: ===================================================== */ html.theme-light { --bg-primary: #FFFFFF; --bg-secondary: #F8F9FA; --bg-card: #FFFFFF; --bg-card-hover: #F3F4F6; --text-primary: #1E293B; --text-secondary: #475569; --text-muted: #64748B; --border-default: #CBD5E1; --border-subtle: #E2E8F0; --shadow-sm: 0 2px 8px rgba(0,0,0,0.06); --shadow-md: 0 6px 18px rgba(0,0,0,0.10); } /* ===================================================== 4) BASE LAYER (بدون درگیری با Blocksy) ===================================================== */ html { direction: rtl; unicode-bidi: plaintext; text-align: right; } body { background: var(--bg-primary); color: var(--text-primary); font-family: var(--font-base); transition: var(--transition-normal); } img { max-width: 100%; height: auto; display: block; } a { color: var(--brand-blue); text-decoration: none; transition: var(--transition-fast); } a:hover { color: var(--brand-blue-hover); } .entry-content { line-height: 1.8; }