/* ==========================================================================
   Theme A — Warm editorial
   Ivory canvas, serif display, navy ink, restrained brand blue.
   Reference points: Anthropic, Harvey. Reads as a research institution.
   Load order: style.css → light-core.css → theme-a.css
   ========================================================================== */

:root {
  /* Surfaces */
  --paper:      #FBFAF6;
  --paper-2:    #F4F2EA;
  --card:       #FFFFFF;

  /* Ink */
  --ink-strong: #14212F;
  --ink:        #2E3A46;
  --ink-dim:    #55636F;
  --ink-mute:   #8A9098;

  /* Lines */
  --line:       #E7E3D8;
  --line-2:     #D6D1C3;

  /* Accents — the logo's blue, darkened to clear AA on ivory */
  --accent:     #145F8C;
  --accent-d:   #0E4869;
  --accent-2:   #7CB828;
  --accent-2-d: #55801A;
  --tint:       #EFF4F7;

  --danger:     #C0492B;
  --danger-d:   #96361F;
  --ok:         #4F7A1F;
  --ok-d:       #3E6117;
  --warn:       #B07D18;
  --warn-d:     #8A6112;

  /* Type — serif display is the signal that does the heavy lifting */
  --display: "Source Serif 4", "Iowan Old Style", Georgia, serif;
}

h1, h2, h3 {
  font-weight: 600;
  letter-spacing: -0.018em;
  line-height: 1.12;
}
h1 { font-size: clamp(2.4rem, 5.2vw, 3.85rem); }
h2 { font-size: clamp(1.9rem, 3.4vw, 2.6rem); }

/* h4/h5 stay sans — serif at small sizes reads fussy rather than editorial */
h4, .card h4, .step h4, .feature h4, .flow-node b {
  font-family: var(--body);
  font-weight: 600;
  letter-spacing: -0.012em;
}

.lead {
  font-size: clamp(1.08rem, 1.7vw, 1.26rem);
  line-height: 1.66;
}

/* Warm paper deserves a softer grid than the dark build used */
body::after { opacity: 0.5; }

/* Product marks: mute the saturation so five cards don't shout at once */
.logo-mark { border-color: var(--line-2); }
.logo-mark--valunova  { background: linear-gradient(140deg, #2E86B8, #145F8C); color: #fff; }
.logo-mark--visionova { background: linear-gradient(140deg, #8CBF3F, #5F8C24); color: #fff; }
.logo-mark--linkvault { background: linear-gradient(140deg, #4FA88C, #2E7D8C); color: #fff; }
.logo-mark--tara  { background: linear-gradient(140deg, #3E93C4, #5F8C24); color: #fff; }
.logo-mark--yantra    { background: linear-gradient(140deg, #C9A227, #9A7A15); color: #fff; }

.product-card::after { background: var(--accent); }

/* The hard break was tuned for the condensed sans; serif needs to reflow freely */
.hero h1 br { display: none; }
.hero h1 { max-width: 15ch; }
@media (max-width: 700px) { .hero h1 { max-width: none; } }