/* MyCLevel shared design tokens — Bento dili (gündüz/gece). Theme toggles via the `night` class on (see /js/theme.js). Login + dashboard share this. */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap'); @import url('https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@3.24.0/dist/tabler-icons.min.css'); :root{ --page:#f5f6f8;--side:#fff;--line:#e7e9ee;--text:#1f2430;--muted:#6b7280;--hover:#f0f1f4;--card:#fff; --chipbg:#ede9fe;--chipfg:#6d28d9;--ringtrack:rgba(124,92,246,.2);--brief:#fff; --pipe:#f1f2f5;--pipeon:#ede9fe;--pipeonfg:#6d28d9;--hbg:#ece9fe;--hfg:#6d28d9; --t1bg:#e2f1fd;--t1fg:#0b6bb0;--t1up:#0284c7;--t2bg:#dcf6e9;--t2fg:#0a7a55;--t2up:#059669; --t3bg:#fbe6f1;--t3fg:#b3477e;--t3up:#db2777;--tagsbg:#dcfce7;--tagsfg:#047857;--tagabg:#e0f2fe;--tagafg:#0369a1; --cta:#7c3aed;--cta2:#6d28d9;--ok:#059669;--badge:#ec4899;--logo1:#b794f6;--logo2:#7c5cff; --field:#fff;--ring:rgba(124,92,246,.20);--glass:rgba(255,255,255,.14);--glassln:rgba(255,255,255,.24);--danger:#dc2626;--dangerbg:#fef2f2;--offerbg:#fef3c7;--offerfg:#b45309;--sitebg:#cffafe;--sitefg:#0e7490; --grid:rgba(15,23,42,.05);--grid-strong:rgba(15,23,42,.09);--grid-size:24px; } html.night{ --page:#0e1014;--side:#131519;--line:#23252c;--text:#e8eaf0;--muted:#8a8f9e;--hover:#1b1d23;--card:#16181d; --chipbg:#241b45;--chipfg:#cbb6ff;--ringtrack:rgba(255,255,255,.12);--brief:#16181d; --pipe:#1c1f26;--pipeon:#241b45;--pipeonfg:#cbb6ff;--hbg:#241b45;--hfg:#cbb6ff; --t1bg:#102a3f;--t1fg:#9fd8ff;--t1up:#5cc8ff;--t2bg:#0f2e26;--t2fg:#9af0cf;--t2up:#43e0a0; --t3bg:#2e1530;--t3fg:#f7b7d6;--t3up:#f472b6;--tagsbg:rgba(67,224,160,.16);--tagsfg:#43e0a0;--tagabg:rgba(92,200,255,.16);--tagafg:#5cc8ff; --cta:#b794f6;--cta2:#a678f0;--ok:#43e0a0;--badge:#f472b6; --field:#0f1116;--ring:rgba(183,148,246,.30);--glass:rgba(255,255,255,.10);--glassln:rgba(255,255,255,.18);--danger:#f87171;--dangerbg:#2a1416;--offerbg:#3a2c0a;--offerfg:#fcd34d;--sitebg:#0b2e35;--sitefg:#67e8f9; --grid:rgba(255,255,255,.05);--grid-strong:rgba(255,255,255,.085); } *{box-sizing:border-box;} html,body{margin:0;padding:0;height:100%;} body{font-family:'Inter',system-ui,sans-serif;background:var(--page);color:var(--text);} /* Shared brand logo mark */ .mcl-logo{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,var(--logo1),var(--logo2));display:flex;align-items:center;justify-content:center;font-weight:700;font-family:'Plus Jakarta Sans';font-size:16px;color:#fff;flex-shrink:0;} .mcl-logo.sm{width:28px;height:28px;font-size:14px;}