/* Identidad visual OLA: paleta extraida del Brand Kit de Canva. */
:root {
  --ink: #30306a;
  --blue: #0f4f9e;
  --navy: #0f4f9e;
  --paper: #edf6f5;
  --lav: #4f368d;
  --coral: #c23a6b;
  --aqua: #bfe0dc;
  --rose: #f6bfd1;
  --warm: #f4a077;
  --line: #b9d9d5;
}

body { background: var(--paper); color: var(--ink); }
.site-header { border-color: rgba(48, 48, 106, .18); background: rgba(237, 246, 245, .9); }
.wordmark { color: var(--lav); letter-spacing: -3px; text-transform: lowercase; }
.nav-link:hover { color: var(--lav); }

.hero { background: linear-gradient(135deg, #edf6f5 0%, #d5cbf9 48%, #bfe0dc 100%); }
.hero h1 em { color: var(--lav); }
.hero p { color: #30306a; }
.primary { background: var(--lav); }
.primary:hover { background: #30306a; }
.secondary { color: var(--blue); }
.hero-product img, .card img { box-shadow: 0 20px 45px rgba(48, 48, 106, .16); }
.orb-one { background: #f4a077; }
.orb-two { background: #f6bfd1; }
.orb-three { background: #bfe0dc; }

.ticker { background: var(--lav); }
.ticker-track { color: #fff; }
.intro { background: #fff; }
.intro h2 em, .section-label, .product-copy h3 { color: var(--lav); }
.pillar-index { color: var(--coral); }
.pillars { border-color: rgba(48, 48, 106, .15); }
.pillar + .pillar { border-color: rgba(48, 48, 106, .15); }

.products { background: #dcefed; }
.card-blue { background: var(--aqua); }
.card-lime { background: #d5cbf9; }
.card-pink { background: var(--rose); }
.card h3, .card p { color: var(--ink); }
.card .tag { background: rgba(255, 255, 255, .76); color: var(--lav); }

.origin-copy { background: var(--blue); }
.origin-copy .section-label { color: #ffc184; }
.origin-copy h2 em { color: #f6bfd1; }
.origin-image::after { background: linear-gradient(125deg, rgba(79, 54, 141, .25), transparent 65%); }
.closing { background: linear-gradient(115deg, #4f368d, #0f4f9e 52%, #c23a6b); }
.footer { background: #30306a; }
.footer .wordmark { color: #fff; }

@media (max-width: 720px) {
  .hero { background: linear-gradient(160deg, #edf6f5, #d5cbf9 58%, #bfe0dc); }
}