@charset "UTF-8"; /* ════════════════════════════════════════════════════════════════════════════ * HAMDAN LANDING — Premium marketing page styles * ──────────────────────────────────────────────────────────────────────────── * صفحة مستقلة تماماً — لا تتعارض مع main.css أو h-upgrade.css. * تستخدم متغيرات الثيمات الأربعة (dark/light/blue/pink) بنفس أسمائها. * كل الحركات CSS-only، transform + opacity فقط. تحترم prefers-reduced-motion. * Namespace: .lp-* (Landing Page) → صفر تعارض. * ════════════════════════════════════════════════════════════════════════════ */ /* 🟣 [PERF-STUDENT 2026-06-10] حُذف @import الخط من هنا — صار preload+stylesheet في (القديم: @import url Tajawal) */ /* ─── §1 Theme tokens (نفس أسماء main.css لكن مع landing-specific scaling) ─ */ :root { --primary: #00b4d8; --primary-hi: #22d3ee; --primary-deep: #0098b8; --logo-color: #ffffff; /* اللون الذي يُلوَّن به الشعار عبر mask */ --bg-page: #060912; --bg-page-soft: #0a0e17; --bg-card: #0e1622; --bg-card-2: #131d2c; --surface-1: rgba(255,255,255,0.04); --surface-2: rgba(255,255,255,0.07); --hairline: rgba(255,255,255,0.08); --hairline-2: rgba(255,255,255,0.14); --text-1: #eaf2ff; --text-2: #b9c4d4; --text-3: #7d8a9c; --text-muted: #5f6c7e; --halo: color-mix(in oklab, var(--primary) 35%, transparent); --halo-soft: color-mix(in oklab, var(--primary) 18%, transparent); --r-xs: 10px; --r-sm: 14px; --r-md: 18px; --r-lg: 24px; --r-xl: 32px; --ease: cubic-bezier(.4, 0, .2, 1); --ease-spring: cubic-bezier(.34, 1.45, .55, 1); --ease-soft: cubic-bezier(.2, .8, .2, 1); --grid-max: 1200px; } :root[data-theme="light"] { --primary: #1e3a8a; /* navy royal — يطابق الشعار الكحلي */ --primary-hi: #2563eb; --primary-deep: #172554; --bg-page: #eef2f9; /* أبيض-أزرق هادئ */ --bg-page-soft: #ffffff; --bg-card: #ffffff; --bg-card-2: #f6f9fe; --surface-1: rgba(30,58,138,0.04); --surface-2: rgba(30,58,138,0.07); --hairline: rgba(15,23,42,0.07); --hairline-2: rgba(15,23,42,0.13); --text-1: #0b1224; --text-2: #2c3a55; --text-3: #50617f; --text-muted: #7a89a2; --halo: color-mix(in oklab, var(--primary) 18%, transparent); --halo-soft: color-mix(in oklab, var(--primary) 9%, transparent); --logo-color: #1a2540; /* اللون الكحلي الأصلي للشعار */ } :root[data-theme="pink"] { --primary: #e91e63; --primary-hi: #f06292; --primary-deep: #c2185b; --bg-page: #170710; --bg-page-soft: #1f0c18; --bg-card: #28121f; --bg-card-2: #321725; --text-1: #ffe9f0; --text-2: #d9b7c4; --halo: color-mix(in oklab, var(--primary) 35%, transparent); --halo-soft: color-mix(in oklab, var(--primary) 16%, transparent); --logo-color: #ffffff; }