/* ============================================================
   DECAL BAY · tokens
   Paletă: negru / alb / albastru electric — design MONESSE
   ============================================================ */
:root{
  --bg:#050608;
  --bg-2:#0A0C10;
  --surface:#0F1217;
  --surface-2:#151920;
  --surface-3:#1C212A;
  --line:rgba(255,255,255,.08);
  --line-strong:rgba(255,255,255,.16);
  --txt:#F4F6FA;
  --txt-dim:#9AA3B2;          /* 7.6:1 pe --bg */
  --txt-mute:#6F7889;         /* doar text mare / decorativ */
  --accent:#1F5EFF;           /* butoane: alb pe albastru 5.1:1 */
  --accent-hover:#3A72FF;
  --accent-hi:#6B9BFF;        /* text albastru pe negru 7:1 */
  --accent-soft:rgba(31,94,255,.14);
  --accent-line:rgba(107,155,255,.38);
  --on-accent:#FFFFFF;
  --danger:#FF5A4E;
  --danger-line:rgba(255,90,78,.4);
  --ok:#3DDC97;
  --r:16px;
  --r-sm:11px;
  --pad:16px;
  --max:1240px;
  --safe-b:env(safe-area-inset-bottom,0px);
  --ease:cubic-bezier(.2,.7,.2,1);
  --shadow:0 24px 60px -24px rgba(0,0,0,.8);
  --font-display:"Archivo","Arial Narrow",system-ui,sans-serif;
  --font-body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
}
@media(min-width:720px){:root{--pad:28px}}

*,*::before,*::after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}
html,body{margin:0;padding:0;background:var(--bg);color:var(--txt);font-family:var(--font-body);overscroll-behavior-y:none}
body{font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
body.has-dock{padding-bottom:calc(84px + var(--safe-b))}
body.modal-open{overflow:hidden}
/* textul în engleză apare după ce traducerile sunt aplicate (vezi scriptul din <head>) */
html[data-lang="en"]:not(.i18n-ready) body{visibility:hidden}
button,input,select,textarea{font-family:inherit;color:inherit;font-size:inherit}
button{cursor:pointer;border:0;background:none;padding:0}
img,svg,canvas{max-width:100%}
h1,h2,h3,.disp{font-family:var(--font-display);font-stretch:112%;margin:0;font-weight:700;letter-spacing:-.01em;line-height:1.1}
p{margin:0}
.mono{font-family:var(--font-mono);font-size:12px;letter-spacing:.02em}
.dim{color:var(--txt-dim)}
a{color:var(--accent-hi);text-underline-offset:3px}
:focus{outline:none}
:focus-visible{outline:2px solid var(--accent-hi);outline-offset:3px;border-radius:6px}
::selection{background:var(--accent);color:#fff}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:#232934;border-radius:8px;border:2px solid var(--bg)}
.hidden{display:none!important}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important;animation:none!important}
}