/*
 * Pictoria One — light lapis lazuli and celadon homepage
 *
 * Corrective exploration after the dark-lapis hero failed. Color supports
 * hierarchy: paper for reading, lapis for identity, celadon for atmosphere,
 * ochre for action and ink for sustained text.
 */

:root {
  --cream: #f2f0e8;
  --paper: #faf9f4;
  --ink: #17203c;
  --muted: #535d6f;
  --line: #d5d8d0;
  --brown: #30429b;
  --brown-dark: #17203c;
  --amber: #e3a72f;
  --terra: #30429b;
  --neutral: #17203c;
  --green: #78988a;
  --blue: #30429b;
  --surface: rgba(250, 249, 244, .88);
  --surface-strong: #faf9f4;
  --shadow: 0 22px 60px rgba(23, 32, 60, .11);
  --lapis: #30429b;
  --lapis-deep: #1d2b72;
  --celadon: #afc4b5;
  --celadon-deep: #78988a;
  --mineral-paper: #f2f0e8;
  --action: #e3a72f;
}

body { background: var(--mineral-paper); color: var(--ink); }
::selection { background: var(--celadon); color: var(--ink); }

.site-header,
.site-header.scrolled {
  background: rgba(242, 240, 232, .95);
  border-color: rgba(48, 66, 155, .15);
  box-shadow: none;
}

.wordmark { color: var(--lapis); }
.wordmark-one { color: inherit; }
.site-nav > a:not(.nav-cta) { color: #39435e; }
.site-nav a:not(.nav-cta)::after,
.faq-item summary > span::before,
.faq-item summary > span::after { background: var(--lapis); }
.nav-cta { border-color: var(--lapis); color: var(--lapis); }

.hero {
  color: var(--ink);
  background:
    linear-gradient(rgba(48, 66, 155, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(48, 66, 155, .035) 1px, transparent 1px),
    radial-gradient(circle at 78% 30%, rgba(175, 196, 181, .58), transparent 30%),
    var(--mineral-paper);
  background-size: 44px 44px, 44px 44px, auto, auto;
}

.hero h1 { color: var(--ink); }
.hero h1 em { color: var(--lapis); }
.hero .hero-lede,
.hero .visual-caption,
.hero .hero-note { color: var(--muted); }
.hero .eyebrow { color: var(--lapis); }
.hero .eyebrow-dot { background: var(--action); }
.hero-orbit { border-color: rgba(48, 66, 155, .16); }
.hero-visual::before { background: rgba(175, 196, 181, .48); }
.hero-product-frame {
  border-color: rgba(48, 66, 155, .52);
  background: var(--lapis-deep);
  box-shadow: 0 38px 90px rgba(23, 32, 60, .20), 0 3px 0 rgba(255, 255, 255, .52) inset;
}

.button-primary,
.nav-cta:hover,
.nav-cta:focus-visible {
  background: var(--action);
  color: var(--ink);
  border-color: var(--action);
  box-shadow: 0 12px 28px rgba(23, 32, 60, .17);
}
.button-primary:hover { background: #efc257; }
.text-link { border-bottom-color: var(--action); }

.product-section { background: var(--mineral-paper); }
.hero-lede,
.authority-body > p,
.split-heading > p,
.deployment-copy > p:last-child,
.deployment-card p,
.faq-intro-copy p,
.faq-item p,
.faq-home-list .faq-item p,
.visual-caption,
.hero-note,
.workflow-card > p,
.workflow-card li,
.authority-principles p,
.card-index { color: var(--muted); }

.workflow-card,
.workflow-card:first-child {
  border-color: #d5d8d0;
  background: #faf9f4;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .84) inset;
}
.workflow-card:hover {
  border-color: var(--lapis);
  box-shadow: 0 24px 64px rgba(48, 66, 155, .09);
}
.intake-icon { background: #dce4dd; color: var(--celadon-deep); }
.catalogue-icon { background: #e5e7f4; color: var(--lapis); }
.explore-icon { background: #e1e9e3; color: var(--ink); }
.workflow-card li::before { background: var(--celadon-deep); }

.section-heading h2 em,
.ai-copy h2 em,
.deployment-copy h2 em,
.eyebrow,
.authority-principles span,
.governance-item > span,
.deployment-card small,
.faq-home-list .faq-number,
.faq-group-heading span,
.site-nav a[aria-current="page"] { color: var(--lapis); }

.knowledge-section {
  background:
    linear-gradient(rgba(23, 32, 60, .025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(23, 32, 60, .025) 1px, transparent 1px),
    var(--celadon);
  background-size: 44px 44px, 44px 44px, auto;
}

.faq-section { background: #e8ebe4; }
.faq-home-list {
  background: #faf9f4;
  border-color: #d5d8d0;
  box-shadow: 0 24px 70px rgba(23, 32, 60, .07);
}
.faq-home-list .faq-item summary:hover,
.faq-home-list .faq-item summary:focus-visible,
.faq-home-list .faq-item[open] summary { background: var(--mineral-paper); }
.faq-home-list .faq-icon { border-color: rgba(48, 66, 155, .38); }
.faq-item summary { color: var(--ink); }

.contact-section { background: var(--ink); }
.contact-copy > p:last-child,
.contact-action p { color: #d9ddd4; }
.contact-form {
  background: rgba(8, 13, 38, .17);
  box-shadow: 0 28px 70px rgba(8, 13, 38, .22);
}
.contact-form label > span:first-child { color: var(--mineral-paper); }
.contact-form .contact-consent > span,
.contact-status { color: #d9ddd4; }
.button-light { background: var(--action); color: var(--ink); }

.site-footer { background: #11172c; }
.footer-wordmark { color: var(--mineral-paper); }
.footer-main > div > p,
.footer-links a { color: #d5d8d0; }
.footer-links span,
.footer-bottom { color: #979da9; }
.footer-bottom { border-color: #303a59; }

@media (max-width: 760px) {
  .site-header { background: rgba(242, 240, 232, .98); }
}