/* =========================================================
   أمر 28 — Re-skin (المرحلة 3: أرشيف الخدمات فقط)
   نفس تقنية الأوامر 24/25: يُحمَّل هذا الملف فقط على أرشيف
   خدمة (post_type_archive('service'))، فلا يؤثر على أي صفحة
   أخرى. بلا تغيير بنيوي أو محتوى.
   ========================================================= */

:root {
    /* نظام التوكنز الحديث */
    --amber: #E1701A;
    --amber-light: #F2A96A;
    --amber-dark: #B75E15;
    --teal: #0F3D2E;
    --teal-dark: #12211C;
    --teal-deep: #0F3D2E;
    --ink: #12211C;
    --ink-soft: #4C5C55;
    --ink-mute: #7B8A84;
    --cream: #F3ECDF;
    --cream-soft: #FBF7EF;
    --line: #E8DFCD;
    --wrap-max: 1300px;
    --radius: 4px;
    --radius-lg: 4px;
    --teal-darker: #0B2A20;
    --teal-bg: #DCEFE6;
}

.section { padding: 84px 0; }
.archive-header { padding-top: 64px; }

.section-kicker span:last-child { color: var(--amber); letter-spacing: .14em; }
.section-kicker__bar { height: 1px; background: var(--amber); }

.service-card { transition: box-shadow .3s ease, transform .3s ease; }
.service-card:hover { box-shadow: 0 18px 40px rgba(18,33,28,.14); transform: translateY(-3px); }
.service-card__kicker { color: var(--amber); }

.cta { background: var(--teal-deep); }