/* ============================================================ U-COM · DESIGNTOKENS ------------------------------------------------------------ Ét sted for farver, afstande, radier og skygger. Deles af hub, alle underområder og salgssiden, så systemet ser ud som ét produkt frem for flere sider bygget hver for sig. Tema styres af data-theme på og deles via cookien 'ucom_theme', som resten af systemet allerede bruger. ============================================================ */ :root{ /* Flader */ --bg:#f3f7f7; --panel:#ffffff; --panel2:#eaf1f1; --line:#dbe6e6; /* Tekst */ --ink:#16262a; --dim:#62787c; /* U-Com cyan. Bruges sparsomt: til hierarki og handlinger — ikke som dekoration. Er alt fremhævet, er intet fremhævet. */ --accent:#34b3c1; --accent-ink:#0e515c; --accent-soft:rgba(52,179,193,.14); /* Betydningsfarver */ --ok:#4caf82; --warn:#e2674f; --info:#5b8def; /* Status i lageret — samme betydning overalt i systemet */ --st-lager:#4caf82; --st-buffer:#c9a227; --st-reserveret:#5b8def; --st-solgt:#8b7ec8; --st-rma:#e2674f; --st-afventer:#e09b3d; /* Ude af spil: hverken fejl eller aktiv. Graa er det eneste ærlige valg — en afskrevet maskine skal ikke raabe som en RMA. */ --st-udgaaet:#8a9a9d; /* Afstande: én skala, så mellemrum ikke bliver tilfældige */ --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px; --sp-7:48px; --radius:16px; --radius-sm:10px; --radius-pill:999px; --shadow-sm:0 1px 3px rgba(22,38,42,.06); --shadow-md:0 8px 28px rgba(22,38,42,.10); --shadow-lg:0 20px 60px rgba(22,38,42,.18); --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Consolas,monospace; --display:'Space Grotesk',system-ui,sans-serif; --sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif; --shell-sidebar:236px; /* Sammenklappet sidebar: bred nok til ikon og tal, smal nok til at give indholdet næsten 180 px mere. */ --shell-rail:64px; --shell-topbar:60px; } [data-theme="dark"]{ --bg:#0e1618; --panel:#172427; --panel2:#1d2e31; --line:#26383b; --ink:#e6eef0; --dim:#8ea3a6; --accent:#3fc3d1; --accent-ink:#9fe4ec; --accent-soft:rgba(63,195,209,.16); --ok:#5cc998; --warn:#f07a63; --info:#7ea6f5; --st-lager:#5cc998; --st-buffer:#d9b84a; --st-reserveret:#7ea6f5; --st-solgt:#a596d9; --st-rma:#f07a63; --st-afventer:#e8ad5c; --st-udgaaet:#7f9295; --shadow-sm:0 1px 3px rgba(0,0,0,.3); --shadow-md:0 10px 32px rgba(0,0,0,.45); --shadow-lg:0 24px 70px rgba(0,0,0,.6); } /* Respektér brugere der har bedt om mindre bevægelse. */ @media (prefers-reduced-motion: reduce){ *,*::before,*::after{ animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; } }