/*! * Copyright (c) 2026 AbuEin Technologies — Salaheddin AbuEin * https://abuein.dev/ * SPDX-License-Identifier: MIT */ @layer components{.header{z-index:var(--z-fixed);background-color:var(--color-background);border-bottom:1px solid var(--color-border);transition:all var(--transition-base);position:fixed;top:0;left:0;right:0}.header.scrolled{background-color:var(--color-header-scrolled);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav{justify-content:space-between;align-items:center;height:4rem;display:flex}.logo{align-items:center;gap:var(--spacing-sm);display:flex}.logo-icon{grid-template-columns:repeat(2,1fr);gap:2px;width:28px;height:28px;display:grid}.logo-square{background-color:var(--color-primary);border-radius:2px}.logo-square:nth-child(3){grid-column:span 2}.logo-text{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-primary);font-weight:700}.nav-links{align-items:center;gap:var(--spacing-xl);color:inherit;background:0 0;border:none;max-width:none;max-height:none;margin:0;padding:0;display:flex;position:static;top:auto;bottom:auto;left:auto;right:auto;overflow:visible}.nav-links ul{display:contents}.nav-links:not([open]){display:flex}.nav-links a{font-size:var(--text-sm);color:var(--color-text-secondary);transition:color var(--transition-fast);font-weight:500}.nav-links a:hover{color:var(--color-accent-text)}.nav-actions{align-items:center;gap:var(--spacing-md);display:flex}.theme-toggle{border-radius:var(--radius-md);width:40px;height:40px;color:var(--color-text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.theme-toggle:hover{background-color:var(--color-primary-muted);color:var(--color-primary)}.icon-sun,.icon-moon{transition:opacity var(--transition-fast)}[data-theme=light] .icon-moon,[data-theme=dark] .icon-sun{display:none}.mobile-toggle{flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:8px;display:none}.mobile-toggle span{background-color:var(--color-text);width:100%;height:2px;transition:all var(--transition-fast);display:block}}