/* Generato da core.branding — NON modificare a mano.

   tenant: coelis · brand: COELIS · mode: light

   La fonte e' platform/<tenant>/identity/brand.yaml */

:root {
  --brand-name: "COELIS";
  --brand-primary: #1E3A5F;
  --brand-secondary: #367CB9;
  --brand-accent: #E8B23A;
  --font-heading: 'Space Grotesk', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-body: 'Inter', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --nextra-primary-hue: 208;
  --nextra-primary-saturation: 55%;
}

:root {
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-pill: 999px;
  --shadow-1: 0 2px 2px rgba(15, 31, 53, 0.03);
  --shadow-2: 0 20px 30px rgba(15, 31, 53, 0.07);
  --shadow-3: 0 8px 10px rgba(15, 31, 53, 0.08);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --duration-fast: 100ms;
  --duration-normal: 200ms;
  --duration-slow: 300ms;
  --content-max-width: 1280px;
  --section-py: 88px;
}

:root, :root[data-theme="light"] {
  --bg-primary: #ffffff;
  --bg-secondary: #ffffff;
  --bg-surface: #f6f8fa;
  --bg-muted: #f6f8fa;
  --bg-hover: #edf0f5;
  --bg-invert: #1E3A5F;
  --border: rgba(16, 31, 50, 0.1);
  --border-strong: rgba(16, 31, 50, 0.18);
  --text-primary: #101f32;
  --text-secondary: #41546c;
  --text-muted: #7889a1;
  --text-invert: #ffffff;
  --accent: #265782;
  --accent-hover: #1e4567;
  --accent-contrast: #ffffff;
  --accent-muted: rgba(38, 87, 130, 0.1);
  --highlight: #E8B23A;
  --highlight-text: #ae7e14;
  --highlight-contrast: #101f32;
  --highlight-muted: rgba(232, 178, 58, 0.14);
  --shadow: rgba(15, 31, 53, 0.07);
}

:root[data-theme="dark"], html.dark, .dark {
  --bg-primary: #0a131f;
  --bg-secondary: #0f1c2f;
  --bg-surface: #152842;
  --bg-muted: #0f1c2f;
  --bg-hover: #1b3455;
  --bg-invert: #ffffff;
  --border: rgba(255, 255, 255, 0.16);
  --border-strong: rgba(255, 255, 255, 0.28);
  --text-primary: #f4f5f6;
  --text-secondary: #b0b7bf;
  --text-muted: #818b98;
  --text-invert: #0f1c2f;
  --accent: #4d91cb;
  --accent-hover: #3477b2;
  --accent-contrast: #0a131f;
  --accent-muted: rgba(77, 145, 203, 0.14);
  --highlight: #e9b43f;
  --highlight-text: #ebbb51;
  --highlight-contrast: #0a131f;
  --highlight-muted: rgba(233, 180, 63, 0.16);
  --shadow: rgba(0, 0, 0, 0.35);
}

:root, .dark {
  --nextra-bg: var(--bg-primary);
  --nextra-content-width: 1100px;
}

body, .nextra-container, #root {

  font-family: var(--font-body);

  background: var(--bg-primary);

  color: var(--text-primary);

}

h1, h2, h3, h4, h5, h6 {

  font-family: var(--font-heading);

  font-weight: 500;

  letter-spacing: -0.02em;

  line-height: 1.15;

}

h1 { letter-spacing: -0.03em; line-height: 1.06; }

a { color: var(--accent); }

a:hover { color: var(--accent-hover); }

:focus-visible {

  outline: 2px solid var(--highlight);

  outline-offset: 3px;

  border-radius: var(--radius-sm);

}

::selection { background: var(--highlight); color: var(--highlight-contrast); }

.ds-eyebrow {

  font-family: 'JetBrains Mono', ui-monospace, monospace;

  font-size: 0.75rem;

  font-weight: 500;

  letter-spacing: 0.12em;

  text-transform: uppercase;

  color: var(--accent);

}

.ds-card {

  background: var(--bg-secondary);

  border: 1px solid var(--border);

  border-radius: var(--radius-lg);

  box-shadow: var(--shadow-1);

  transition: border-color var(--duration-slow) var(--ease-out),

              transform var(--duration-slow) var(--ease-out),

              box-shadow var(--duration-slow) var(--ease-out);

}

.ds-card:hover {

  border-color: var(--border-strong);

  transform: translateY(-4px);

  box-shadow: var(--shadow-2);

}

.ds-icon-plate {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  width: 2.75rem;

  height: 2.75rem;

  border-radius: var(--radius-md);

  background: var(--accent-muted);

  color: var(--brand-primary);

  transition: background var(--duration-slow) var(--ease-out);

}

.ds-card:hover .ds-icon-plate { background: var(--highlight-muted); }

.ds-btn {

  display: inline-flex;

  align-items: center;

  gap: 0.5rem;

  padding: 0.7rem 1.4rem;

  border-radius: var(--radius-pill);

  border: 1px solid transparent;

  background: var(--brand-primary);

  color: var(--text-invert);

  font-weight: 500;

  cursor: pointer;

  transition: background var(--duration-normal) var(--ease-out),

              border-color var(--duration-normal) var(--ease-out);

}

.ds-btn:hover { background: var(--accent); color: var(--accent-contrast); }

.ds-btn--accent { background: var(--highlight); color: var(--highlight-contrast); }

.ds-btn--outline {

  background: transparent;

  color: var(--text-primary);

  border-color: var(--border-strong);

}

.ds-btn--outline:hover { background: var(--accent-muted); color: var(--text-primary); }

.ds-hairline { height: 1px; width: 100%; background: var(--border); }

@media (prefers-reduced-motion: reduce) {

  .ds-card, .ds-btn, .ds-icon-plate { transition-duration: 0.001ms; }

  .ds-card:hover { transform: none; }

}