/*
Theme Name: Fast Dark Mobile
Author: Gemini
Description: Super fast, dark mode, mobile-first theme.
Version: 1.0
*/

:root {
    --bg-color: #121212;
    --card-bg: #1e1e1e;
    --text-main: #e0e0e0;
    --text-muted: #b0b0b0;
    --accent: #bb86fc; /* لون مميز للروابط */
    --spacing: 20px;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

body {
    background-color: var(--bg-color);
    color: var(--text-main);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif; /* خطوط النظام السريعة */
    line-height: 1.6;
    font-size: 18px; /* حجم مناسب جداً للجوال */
}

a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; }

/* الحاوية الرئيسية لضبط العرض على الجوال والكمبيوتر */
.container {
    max-width: 700px; /* عرض مناسب للقراءة */
    margin: 0 auto;
    padding: var(--spacing);
}

/* الهيدر */
header {
    padding: 30px 0;
    border-bottom: 1px solid #333;
    margin-bottom: 30px;
    text-align: center;
}
header h1 a { color: #fff; font-size: 1.5rem; font-weight: bold; }

/* المقالات */
article { margin-bottom: 40px; border-bottom: 1px solid #2a2a2a; padding-bottom: 20px; }
h2 { font-size: 1.6rem; margin-bottom: 10px; color: #fff; }
.post-meta { font-size: 0.9rem; color: var(--text-muted); margin-bottom: 15px; display: block; }
.post-content img { max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; }

/* الفوتر */
footer { text-align: center; padding: 40px 0; color: var(--text-muted); font-size: 0.9rem; border-top: 1px solid #333; }