/* Daichii coming-soon: shared tokens + base.
   Palette and faces are pinned by data/Daichii Cooling Brand Style Guide.png. */

:root {
  --blue: #046ED1;        /* primary: trust, cooling */
  --blue-deep: #0F4DA8;   /* strength */
  --sky: #4CC9F0;         /* freshness */
  --ice: #EAF5FF;         /* light, clean */
  --white: #FFFFFF;
  --steel: #6B7280;       /* neutral */

  --ink: #0B2A55;         /* deep-blue text; 12.9:1 on white */
  --ink-2: #3D5170;       /* secondary text; 7.6:1 on white */
  --line: #C9D8EA;
  --wa: #1FA855;          /* WhatsApp green, used only on the WhatsApp control */
  --wa-ink: #0E6B35;      /* WhatsApp green for text; 6.9:1 on white */

  --display: "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif;
  --text: "Inter", "Segoe UI", system-ui, sans-serif;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-ui: cubic-bezier(0.22, 1, 0.36, 1);

  color-scheme: light;
}

*, *::before, *::after { box-sizing: border-box; }

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

body {
  margin: 0;
  font: 400 1rem/1.6 var(--text);
  color: var(--ink);
  background: var(--white);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: clip;
}

img, svg { display: block; max-width: 100%; }
img { height: auto; }

h1, h2, h3 {
  font-family: var(--display);
  color: var(--blue-deep);
  margin: 0;
  text-wrap: balance;
}

p { margin: 0; text-wrap: pretty; }

a { color: inherit; text-underline-offset: 0.2em; text-decoration-thickness: 1px; }

ul, ol { margin: 0; padding: 0; list-style: none; }

address { font-style: normal; }

/* Browser surfaces carry the palette too */
::selection { background: var(--sky); color: #03203F; }
:focus-visible { outline: 3px solid var(--blue); outline-offset: 3px; border-radius: 6px; }
html { scrollbar-color: var(--blue) var(--ice); scrollbar-width: thin; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--ice); }
::-webkit-scrollbar-thumb { background: var(--blue); border-radius: 10px; border: 2px solid var(--ice); }

.sr-only {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0);
  white-space: nowrap; border: 0;
}

.skip {
  position: absolute; left: 1rem; top: -4rem; z-index: 100;
  padding: 0.7rem 1.1rem;
  background: var(--blue-deep); color: var(--white);
  font: 600 0.9rem var(--text); text-decoration: none;
  border-radius: 10px;
  transition: top 160ms var(--ease-ui);
}
.skip:focus { top: 1rem; }

.icon {
  width: 1.25em; height: 1.25em;
  flex: none;
  fill: none; stroke: currentColor;
  stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    animation-delay: 0ms !important;
    transition-duration: 1ms !important;
    scroll-behavior: auto !important;
  }
}