/* A restrained palette for the public Pracownia SOP offer page. */
:root {
  --ink: #253448;
  --blue: #526f96;
  --navy: #25374f;
  --muted: #606e82;
  --line: #dde3eb;
  --pale: #f1f4f8;
  --white: #ffffff;
  background: #fbfcfe;
}

body { background: #fbfcfe; }
.brand-mark,
.brand-showcase-mark {
  background: #526f96;
  box-shadow: 0 4px 12px #25374f12;
}
.brand b,
.brand-showcase-copy h2 em,
.brand-showcase-copy > p:last-child span { color: #526f96; }
.site-header nav { color: #607088; }
.site-header nav a:not(.nav-cta):hover { color: #25374f; }
.nav-cta {
  color: #496587;
  border-color: #cbd6e5;
  background: #f1f4f8;
}
.nav-cta:hover { background: #e8edf5; }
.eyebrow { color: #526f96; }
.eyebrow span { color: #94a2b4; }
.hero h1 em { color: #526f96; }
.hero-lead { color: #5b6b81; }
.button { transition: background-color .2s, transform .2s, box-shadow .2s; }
.button-primary {
  background: #526f96;
  box-shadow: 0 6px 16px #25374f15;
}
.button-primary:hover {
  background: #405d82;
  box-shadow: 0 8px 18px #25374f1c;
}
.button-light {
  color: #25374f;
  background: #fff;
  border: 1px solid #cbd5e2;
  box-shadow: 0 4px 12px #25374f09;
}
.button-light:hover { background: #f8fafd; }
.text-link { color: #526f96; }
.hero-proof { color: #64748b; }
.proof-dot,
.photo-status-dot,
.brand-note-dot {
  background: #809b8a;
  box-shadow: 0 0 0 4px #809b8a12;
}
.proof-separator { color: #bdc8d6; }

.group-photo-card {
  border-color: #dde3eb;
  box-shadow: 0 14px 36px #25374f12;
  transform: none;
}
.group-photo-card figcaption { color: #5f7086; background: #fafbfd; }
.floating-note {
  border-color: #d7e0eb;
  background: #fafbfd;
  box-shadow: 0 8px 22px #25374f10;
}
.floating-icon { background: #eaf1ec; color: #536e92; }
.floating-note small { color: #606e82; }

.brand-showcase {
  border-color: #dde3eb;
  background: linear-gradient(105deg, #f2f5f9 0%, #f1f6f2 100%);
  box-shadow: 0 5px 18px #25374f07;
}
.brand-showcase-copy > p:last-child { color: #606e82; }
.brand-showcase-note { color: #607087; }
.offer-card { display: flex; flex-direction: column; box-shadow: 0 4px 16px #25374f05; }
.offer-card .card-number { flex-shrink: 0; }
.offer-card .card-tag { position: static; margin-top: auto; padding-top: 20px; }
.offer-card.featured {
  border-color: #ccdcd1;
  background: #f4f7f3;
  box-shadow: 0 6px 20px #25374f08;
}
.card-number { background: #edf2f8; color: #526f96; }
.card-tag { color: #64748b; }

.process-section {
  background: linear-gradient(115deg, #eef2f7 0%, #f1f6f2 100%);
  color: #253448;
  border-block: 1px solid #dde3eb;
}
.process-section .section-heading.light .eyebrow { color: #526f96; }
.process-section .section-heading.light > p:last-child { color: #606e82; }
.process-item {
  background: #fbfcfe;
  border-color: #d7e0eb;
  box-shadow: 0 4px 14px #25374f04;
}
.process-item > span { color: #526f96; }
.process-item p { color: #606e82; }

.recommendation-card { border-color: #839ab9; background: #f1f4f8; }
.quote-mark { color: #839ab9; }
.recommendation-card p { color: #5b6b81; }
.recommendation-card small { color: #526f96; }
.partner-logo {
  border-color: #dde3eb;
  box-shadow: 0 4px 16px #25374f06;
}
.partner-logo:hover {
  border-color: #b6c8de;
  box-shadow: 0 8px 22px #25374f10;
  transform: translateY(-3px);
}

.premium-section {
  color: #25374f;
  border: 1px solid #d9e4db;
  background: #f1f6f2;
  box-shadow: 0 8px 24px #25374f09;
}
.premium-section .eyebrow { color: #526f96; }
.premium-section p:last-child { color: #586e88; }
.site-footer { background: #f5f7fa; }
.footer-inner { color: #606e82; }
.footer-inner > a:last-child { color: #526f96; }
.footer-legal { color: #606e82; }
.footer-meta {
  padding-bottom: 28px;
  color: #606e82;
  font-size: 11px;
  line-height: 1.6;
}
.footer-meta p { margin: 4px 0; }

/* Keep any legacy interface illustrations within the same quiet palette. */
.visual-window { border-color: #dde3eb; box-shadow: 0 14px 36px #25374f12; }
.window-bar { color: #64748b; border-color: #e7ecf2; }
.window-bar span { background: #d8e0ec; }
.window-bar span:first-child { background: #c4cfde; }
.window-bar b { color: #405573; }
.mini-sidebar { border-color: #e7ecf2; background: #f6f8fb; }
.mini-sidebar span { background: #dce4ef; }
.mini-sidebar .active { background: #c5d3e7; }
.mini-status { background: #e8eef6; color: #536e92; }
.mini-progress { background: #edf2f7; }
.mini-progress span { background: #839ab9; }
.mini-card { border-color: #dde3eb; }
.mini-card.current {
  border-color: #aabed9;
  background: #f2f6fb;
  box-shadow: 0 0 0 2px #839ab90d;
}
.mini-card small,
.mini-footer { color: #64748b; }
.check { color: #536e92; }
.current-dot { box-shadow: 0 0 0 4px #839ab914; }
.empty-dot { border-color: #bbc9dc; }

a:focus-visible {
  outline: 2px solid #526f96;
  outline-offset: 4px;
}
.process-section a:focus-visible { outline-color: #526f96; }
@media (max-width: 900px) {
  .hero-visual {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    min-height: 0;
  }
  .hero-visual .floating-note {
    position: static;
    align-self: stretch;
    width: 100%;
    margin: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .button { transition: none; }
  .button:hover { transform: none; }
}