:root{ /* ---- Purple ramp (the only bright accent in the system) ---- */ --purple-deep:#2E1065;--purple-dark:#5B21B6;--purple-primary:#7B3DFF;--purple-bright:#9B5CFF;--purple-a855:#A855FF;--purple-light:#C084FC; /* ---- Dark neutrals ---- */ --black-rich:#0B0B0F;--black-secondary:#11131A;--surface-900:#151820;--surface-800:#1B1E27;--line-dark:#2A2E38;--charcoal:#2D2D38;--steel:#6B7280; /* ---- Light neutrals ---- */ --white:#FFFFFF;--gray-100:#F7F7F8;--gray-200:#E5E7EB;--gray-400:#9CA3AF;--ink:#111318; /* ---- Gradients ---- */ --gradient-primary:linear-gradient(135deg,#7B3DFF 0%,#A855FF 55%,#C084FC 100%); /* @kind color */ --gradient-dark:linear-gradient(135deg,#0B0B0F 0%,#171225 55%,#2E1065 100%); /* @kind color */ --gradient-veil:linear-gradient(180deg,rgba(11,11,15,0) 0%,rgba(11,11,15,.55) 45%,rgba(11,11,15,.94) 100%); /* @kind color */ /* ---- Semantic aliases: DARK surfaces (default) ---- */ --bg-page:var(--black-rich);--bg-alt:var(--black-secondary);--surface-card:var(--surface-900);--surface-raised:var(--surface-800); --border-subtle:var(--line-dark);--border-strong:#3A3F4C;--border-accent:var(--purple-primary); --text-strong:var(--white);--text-body:var(--gray-200);--text-muted:var(--gray-400);--text-accent:var(--purple-light); --accent:var(--purple-primary);--accent-hover:var(--purple-bright); /* ---- Semantic aliases: LIGHT surfaces (Σχετικά / Νέα / Επικοινωνία) ---- */ --light-bg-page:var(--gray-100);--light-surface-card:var(--white);--light-border-subtle:#E3E4E8;--light-border-strong:#D2D4DA; --light-text-strong:var(--ink);--light-text-body:#3A3E48;--light-text-muted:#6B7280; } /* Opt-in light scope: put class="pm-light" on or a section wrapper. */ .pm-light{--bg-page:var(--light-bg-page);--bg-alt:var(--white);--surface-card:var(--light-surface-card);--surface-raised:var(--white);--border-subtle:var(--light-border-subtle);--border-strong:var(--light-border-strong);--text-strong:var(--light-text-strong);--text-body:var(--light-text-body);--text-muted:var(--light-text-muted);--text-accent:var(--purple-primary);background:var(--bg-page);color:var(--text-body)}