/* Design system: retail-case-studies-process-system → DelixGo brand
 * Token brand applicati via Tailwind config inline in <head> di ogni pagina.
 * Qui: reset leggero, smooth scroll, polish tipografico e micro-interazioni.
 */

:root {
  --cream: #F7F5F0;
  --surface: #FCFBF9;
  --navy: #1B1F3B;
  --navy-soft: #272C4F;
  --orange: #1C86D4;
  --orange-dark: #1670B5;
  --orange-light: #DCEBFF;
  --blue: #1C86D4;
  --blue-dark: #1670B5;
  --gold: #0E9B93;
  --gold-soft: #74D8CC;
  --ink: #1B1F3B;
  --muted: #6B7280;
  --line: #E5E0D6;
}

html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Selection on-brand */
::selection {
  background: var(--orange);
  color: #fff;
}

/* Focus visibility for keyboard users */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible {
  outline: 2px solid var(--orange);
  outline-offset: 2px;
}

/* Remove default marker from <details> summaries */
summary::-webkit-details-marker { display: none; }
summary { list-style: none; }

/* Slim, brand-tinted scrollbar */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--cream); }
::-webkit-scrollbar-thumb {
  background: var(--line);
  border-radius: 9999px;
  border: 2px solid var(--cream);
}
::-webkit-scrollbar-thumb:hover { background: var(--muted); }

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}

/* ============ BANNER SEZIONE IN ARRIVO (dg-soon) ============ */
.dg-soon{position:relative;display:grid;grid-template-columns:1fr;background:#131A38;border:1px solid rgba(200,162,74,.38);border-radius:4px;overflow:hidden}
.dg-soon::after{content:'';position:absolute;inset:10px;border:1px solid rgba(200,162,74,.18);border-radius:2px;pointer-events:none}
.dg-soon__text{position:relative;z-index:2;padding:34px 26px 38px}
.dg-soon__kicker{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#C8A24A;margin:0 0 14px}
.dg-soon__title{font-family:'Playfair Display',Georgia,serif;font-weight:700;font-size:clamp(23px,3.6vw,34px);line-height:1.18;color:#E3C77A;margin:0 0 14px}
.dg-soon__body{font-size:15px;line-height:1.65;color:rgba(247,245,240,.72);margin:0;max-width:32em}
.dg-soon__rule{height:1px;background:linear-gradient(90deg,rgba(200,162,74,.55),rgba(200,162,74,0));margin:26px 0}
.dg-soon__vendor{display:flex;align-items:flex-start;gap:14px}
.dg-soon__badge{flex:0 0 auto;width:46px;height:46px;border:1px solid rgba(200,162,74,.5);border-radius:999px;display:flex;align-items:center;justify-content:center;color:#C8A24A}
.dg-soon__vtitle{font-family:'Playfair Display',Georgia,serif;font-size:17px;font-weight:600;color:#E3C77A;margin:3px 0 4px}
.dg-soon__vbody{font-size:14px;line-height:1.6;color:rgba(247,245,240,.66);margin:0}
.dg-soon__cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:24px}
.dg-soon__btn{display:inline-flex;align-items:center;gap:8px;background:#C8A24A;color:#131A38;font-weight:600;font-size:14px;padding:12px 22px;border-radius:3px;text-decoration:none;transition:background .25s}
.dg-soon__btn:hover{background:#E3C77A;color:#131A38}
.dg-soon__link{font-size:13px;color:rgba(247,245,240,.7);text-decoration:none;border-bottom:1px solid rgba(200,162,74,.4);padding-bottom:2px;transition:color .25s}
.dg-soon__link:hover{color:#E3C77A}
.dg-soon__photo{display:none}
@media(min-width:880px){
  .dg-soon{grid-template-columns:1.12fr .88fr}
  .dg-soon__text{padding:54px 46px}
  .dg-soon__photo{display:block;position:relative;min-height:340px;background-image:url('https://fortuna-cloud-api.abcomminucation.workers.dev/api/public/assets/ast_1789548774859_uoi9do/file');background-repeat:no-repeat;background-size:250% auto;background-position:100% 58%}
  .dg-soon__photo::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#131A38 0%,rgba(19,26,56,0) 46%)}
}