/* ============================================================
   lucentive-theme.css · demo-instance brand layer
   Loaded AFTER giusim-tokens.css and style.css. Overrides the
   brand-core tokens with Lucentive's published design system
   (lucentive.io): ink #0c2a39 on canvas #f6fcfc, teal accent
   family, Archivo display + Inter body. Demo instance only;
   never ships to a production Giusim account.
   ============================================================ */

@font-face { font-family: 'Archivo'; font-style: normal; font-weight: 700;
  src: url('fonts/Archivo-700-latin.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'Archivo'; font-style: normal; font-weight: 900;
  src: url('fonts/Archivo-900-latin.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400;
  src: url('fonts/Inter-400-latin.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500;
  src: url('fonts/Inter-500-latin.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600;
  src: url('fonts/Inter-600-latin.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 700;
  src: url('fonts/Inter-700-latin.woff2') format('woff2'); font-display: swap; }

:root {
  /* Brand core -> Lucentive teal family (accent-strong for AA contrast) */
  --accent:        #009a9f;
  --accent-hover:  #007379;
  --accent-active: #006c72;
  --accent-soft:   rgba(22, 187, 188, .10);
  --accent-soft-2: rgba(22, 187, 188, .17);
  --accent-border: rgba(0, 154, 159, .36);

  /* Evidence marker -> Lucentive accent-soft / accent-ring */
  --marker:        #a3dede;
  --marker-soft:   #caf1f0;

  /* Ground and surfaces -> canvas / mist family */
  --bond:        #f6fcfc;
  --surface:     #ffffff;
  --sunken:      #edf6f6;
  --hover:       #e6f2f2;
  --active:      #dcebeb;
  --line:        #d5e0e2;
  --line-strong: #b3c1c3;
  --overlay:     rgba(12, 42, 57, .45);

  /* Ink ramp -> Lucentive ink scale */
  --ink:   #0c2a39;
  --ink-2: #38515c;
  --ink-3: #62797f;
  --ink-4: #859699;

  /* Stage ramp -> teal into navy */
  --stage-1: #62797f;
  --stage-2: #009a9f;
  --stage-3: #007379;
  --stage-4: #0c335f;
  --stage-5: #04193a;

  /* Type -> Archivo display, Inter body (mono unchanged) */
  --display: 'Archivo', 'Helvetica Neue', Arial, sans-serif;
  --body: 'Inter', -apple-system, 'Segoe UI', sans-serif;

  /* Elevation and focus tinted to the new ink */
  --shadow-1: 0 1px 2px rgba(12, 42, 57, .05);
  --shadow-2: 0 2px 8px rgba(12, 42, 57, .07);
  --shadow-3: 0 12px 32px rgba(12, 42, 57, .13);
  --focus-ring: 0 0 0 3px rgba(22, 187, 188, .25);
}

/* Archivo runs wider than Frank Ruhl at the same size; pull tracking in
   slightly so headings keep their measure. */
h1, h2, h3, .brand-wordmark { letter-spacing: -0.015em; }

/* Co-brand badge next to the product wordmark (demo instance only). */
.lucentive-badge {
  display: inline-flex; align-items: baseline; gap: .45em;
  font-family: 'Archivo', sans-serif; font-weight: 900;
  font-size: 11px; letter-spacing: .14em; color: #006c72;
  text-transform: uppercase; white-space: nowrap;
}
.lucentive-badge::before {
  content: 'for'; font-family: 'Inter', sans-serif; font-weight: 500;
  letter-spacing: 0; text-transform: none; color: var(--ink-4);
}