/* Axxonet shared theme tokens + base. data-theme lives on . Light is default. */ :root, :root[data-theme="light"]{ --bg:#FFFFFF; --surface:#F4F6F9; --card:#FFFFFF; --border:#E4E8EF; --hover:#F7F9FC; --text:#0A0C12; --muted:#5B6473; --accent:#1B50E5; --accent-soft:#EDF1FB; --cyan:#0E8FB0; --feat-bg:#0A0C12; --feat-surface:#0F121B; --feat-text:#FFFFFF; --feat-muted:#B9C0CE; --feat-border:rgba(255,255,255,.12); --footer-bg:#06080C; --teal:#34D0B5; --red:#E8202A; --chip-bg:#0A0C12; --chip-text:#FFFFFF; /* solid, high-contrast navigation bar */ --nav-bg:#0C0F18; --nav-text:#FFFFFF; --nav-muted:#9AA6BC; --nav-border:rgba(255,255,255,.08); --nav-hover:rgba(255,255,255,.10); } :root[data-theme="dark"]{ --bg:#070910; --surface:#0E111A; --card:#0E111A; --border:rgba(255,255,255,.10); --hover:#151A26; --text:#EEF1F6; --muted:#9AA3B4; --accent:#3D6BFF; --accent-soft:rgba(61,107,255,.16); --cyan:#36C5E6; --feat-bg:#05070C; --feat-surface:#0E111A; --feat-text:#FFFFFF; --feat-muted:#B4BCC9; --feat-border:rgba(255,255,255,.10); --footer-bg:#04060A; --teal:#34D0B5; --red:#FF4D57; --chip-bg:#1A2030; --chip-text:#FFFFFF; --nav-bg:#10141F; --nav-text:#FFFFFF; --nav-muted:#9BA6BC; --nav-border:rgba(255,255,255,.09); --nav-hover:rgba(255,255,255,.08); } *{box-sizing:border-box;} html{scroll-behavior:smooth;} body{margin:0;background:var(--bg);color:var(--text); font-family:'IBM Plex Sans','Noto Sans Arabic','Noto Sans Devanagari','Noto Sans Tamil','Noto Sans Kannada','Noto Sans SC',system-ui,sans-serif; -webkit-font-smoothing:antialiased;transition:background .35s ease,color .35s ease;} ::selection{background:var(--accent);color:#fff;} @keyframes axMarquee{from{transform:translateX(0);}to{transform:translateX(-50%);}} @keyframes axTrace{from{stroke-dashoffset:1200;}to{stroke-dashoffset:0;}} @keyframes axFadeUp{from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:none;}} input,textarea,button,select{font-family:inherit;} [dir="rtl"] .ax-flip{transform:scaleX(-1);} a{color:inherit;}