/* TRILLION PIXEL — legea vizuală.
   Culorile de aici sunt aceleași cu cele din briefurile lui Codex. Nu se improvizează. */

:root{
  --fund:#05080f;
  --panou:#080e18;
  --panou2:#0a1220;
  --cyan:#37d6ff;
  --aur:#d9a94a;
  --alb:#eaf6ff;
  --gri:#5b7286;
  --linie:#14212f;
  --rosu:#ff8f7a;
  --verde:#4ad9a4;

  --titlu:'Space Grotesk', ui-sans-serif, system-ui, sans-serif;
  --mono:'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;
}

*{box-sizing:border-box}

html,body{
  margin:0;padding:0;
  background:var(--fund);
  color:var(--alb);
  font-family:var(--titlu);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

#fundal{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5}

::selection{background:rgba(55,214,255,.28);color:var(--alb)}

::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--linie);border-radius:0}
::-webkit-scrollbar-thumb:hover{background:#1e3145}

a{color:var(--cyan);text-decoration:none}

.mono{font-family:var(--mono)}

@media (prefers-reduced-motion:reduce){
  #fundal{display:none}
  *{animation-duration:.001ms !important;transition-duration:.001ms !important}
}