/* OOMLO · components.css · the nineteen components, both modes, every state. Tokens only. */

/* ---------- Buttons ---------- */
.oomlo-btn { text-decoration: none; cursor: pointer; white-space: nowrap; user-select: none; }
.oomlo-btn .oomlo-icon { width: 16px; height: 16px; transition: transform var(--oomlo-dur-hover) var(--oomlo-ease-arrow); }
.oomlo-btn:hover .oomlo-icon--arrow { transform: translate(1px, -1px); }
.oomlo-btn--primary { background: var(--oomlo-accent); color: var(--oomlo-accent-on); border: 0; }
.oomlo-btn--primary:hover, .oomlo-btn--primary:focus-visible { background: var(--oomlo-accent-hover); color: var(--oomlo-accent-on); }
[data-theme="light"] .oomlo-btn--primary:hover, [data-theme="light"] .oomlo-btn--primary:focus-visible { color: var(--oomlo-surface); }
.oomlo-btn--primary:active { transform: translateY(1px); }
.oomlo-btn--secondary { background: transparent; color: var(--oomlo-text); border: 1px solid var(--oomlo-border-input); font-weight: 600; }
.oomlo-btn--secondary:hover, .oomlo-btn--secondary:focus-visible { border-color: var(--oomlo-text); color: var(--oomlo-text); }
.oomlo-btn--tertiary { background: transparent; color: var(--oomlo-accent); padding: 0; height: auto; border: 0; font-weight: 600; }
.oomlo-btn--tertiary:hover, .oomlo-btn--tertiary:focus-visible { color: var(--oomlo-accent-hover); }
[data-theme="light"] .oomlo-btn--tertiary { color: var(--oomlo-accent-hover); }
[data-theme="light"] .oomlo-btn--tertiary:hover { color: var(--oomlo-link-surface-2); }
.oomlo-btn--on-band { background: var(--oomlo-accent-on); color: var(--oomlo-accent); }
.oomlo-btn--on-band:hover { background: var(--oomlo-accent-on); color: var(--oomlo-accent-hover); }
.oomlo-btn--on-band.oomlo-btn--secondary { background: transparent; color: var(--oomlo-accent-on); border-color: var(--oomlo-accent-on); }
.oomlo-btn--sm { height: 36px; padding: 0 14px; font-size: 14px; }
.oomlo-btn--lg { height: 52px; padding: 0 26px; font-size: 16px; }
.oomlo-btn--block { width: 100%; justify-content: center; }
.oomlo-btn--icon { width: 40px; height: 40px; padding: 0; justify-content: center; border-radius: 50%; }
.oomlo-btn[disabled], .oomlo-btn[aria-disabled="true"] { opacity: 0.5; cursor: not-allowed; pointer-events: none; }
.oomlo-btn.is-loading { position: relative; color: transparent; pointer-events: none; }
.oomlo-btn.is-loading::after { content: ""; position: absolute; width: 16px; height: 16px; border: 2px solid var(--oomlo-accent-on); border-right-color: transparent; border-radius: 50%; animation: oomlo-spin 0.8s linear infinite; }
.oomlo-btn--secondary.is-loading::after { border-color: var(--oomlo-text); border-right-color: transparent; }
@keyframes oomlo-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .oomlo-btn.is-loading::after { animation: none; } }

/* ---------- Header ---------- */
.oomlo-header { position: sticky; top: 0; z-index: 100; background: var(--oomlo-bg); border-bottom: 1px solid var(--oomlo-border); }
.oomlo-header__inner { display: flex; align-items: center; gap: var(--oomlo-space-5); height: 72px; }
.oomlo-header__brand { display: inline-flex; align-items: center; gap: 14px; color: var(--oomlo-text); }
.oomlo-header__brand svg, .oomlo-header__brand img { height: 26px; width: auto; }
.oomlo-header__lockup { font-size: var(--oomlo-caption); color: var(--oomlo-text-2); letter-spacing: 0.02em; border-left: 1px solid var(--oomlo-border); padding-left: 14px; line-height: 1.2; }
@media (max-width: 1023px) { .oomlo-header__lockup { display: none; } }
.oomlo-nav { margin-left: auto; margin-right: auto; }
.oomlo-nav ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 6px; }
.oomlo-nav a { display: inline-block; padding: 8px 12px; color: var(--oomlo-text-2); font-weight: 600; font-size: 15px; border-radius: var(--oomlo-radius-pill); position: relative; }
.oomlo-nav a:hover, .oomlo-nav .current-menu-item > a, .oomlo-nav .current-menu-ancestor > a, .oomlo-nav .current_page_parent > a { color: var(--oomlo-text); }
.oomlo-nav .current-menu-item > a::after, .oomlo-nav .current-menu-ancestor > a::after { content: ""; position: absolute; left: 12px; right: 12px; bottom: 2px; height: 2px; background: var(--oomlo-accent); border-radius: 2px; }
.oomlo-header__actions { display: flex; align-items: center; gap: 10px; margin-left: auto; }
.oomlo-header__signin { color: var(--oomlo-text-2); font-weight: 600; font-size: 15px; padding: 8px 10px; }
.oomlo-header__signin:hover { color: var(--oomlo-text); }
.oomlo-mode-toggle { width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--oomlo-border-input); color: var(--oomlo-text); display: inline-flex; align-items: center; justify-content: center; transition: border-color var(--oomlo-dur-hover) var(--oomlo-ease-out); }
.oomlo-mode-toggle:hover { border-color: var(--oomlo-text); }
.oomlo-mode-toggle .oomlo-icon { width: 18px; height: 18px; }
.oomlo-mode-toggle__sun { display: none; } [data-theme="light"] .oomlo-mode-toggle__sun { display: block; } [data-theme="light"] .oomlo-mode-toggle__moon { display: none; }
.oomlo-whatsapp { width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--oomlo-border-input); color: var(--oomlo-text); display: inline-flex; align-items: center; justify-content: center; }
.oomlo-whatsapp:hover { border-color: var(--oomlo-text); color: var(--oomlo-text); }
.oomlo-burger { display: none; width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--oomlo-border-input); color: var(--oomlo-text); align-items: center; justify-content: center; }
.oomlo-burger span { display: block; width: 16px; height: 2px; background: currentColor; position: relative; }
.oomlo-burger span::before, .oomlo-burger span::after { content: ""; position: absolute; left: 0; width: 16px; height: 2px; background: currentColor; }
.oomlo-burger span::before { top: -5px; } .oomlo-burger span::after { top: 5px; }
@media (max-width: 1023px) {
  .oomlo-header__inner { height: 64px; gap: var(--oomlo-space-3); }
  .oomlo-nav { position: fixed; inset: 64px 0 0 0; background: var(--oomlo-bg); padding: var(--oomlo-space-5) 20px; display: none; overflow: auto; margin: 0; }
  .oomlo-nav.is-open { display: block; }
  .oomlo-nav ul { flex-direction: column; gap: 2px; }
  .oomlo-nav a { font-size: 22px; padding: 12px 0; font-family: var(--oomlo-font-display); font-weight: 700; }
  .oomlo-nav .current-menu-item > a::after { display: none; }
  .oomlo-nav__mobile-actions { display: flex; gap: 10px; margin-top: var(--oomlo-space-6); }
  .oomlo-burger { display: inline-flex; }
  .oomlo-header__signin, .oomlo-header__apply { display: none; }
}
@media (min-width: 1024px) { .oomlo-nav__mobile-actions { display: none; } }
body.oomlo-nav-open { overflow: hidden; }

/* ---------- Corner mark (V2, never with V1 on screen) ---------- */
.oomlo-corner-mark { position: fixed; right: 20px; bottom: 20px; width: 96px; height: 96px; z-index: 40; pointer-events: none; opacity: 0.9; }
.oomlo-corner-mark video, .oomlo-corner-mark img { width: 100%; height: 100%; object-fit: contain; }
@media (max-width: 767px) { .oomlo-corner-mark { display: none; } }
body.oomlo-has-hero-video .oomlo-corner-mark { display: none; }

/* ---------- Cards ---------- */
.oomlo-card { position: relative; }
.oomlo-card h3, .oomlo-card h4 { margin-bottom: 10px; }
.oomlo-card p { color: var(--oomlo-text-2); font-size: 15px; }
.oomlo-card--line { display: flex; flex-direction: column; gap: 6px; }
.oomlo-card--line .oomlo-eyebrow { margin-bottom: 6px; }
.oomlo-card--line .oomlo-card__link { margin-top: auto; padding-top: 14px; font-weight: 600; font-size: 14px; display: inline-flex; align-items: center; gap: 6px; align-self: flex-start; }
.oomlo-card--featured { border-color: var(--oomlo-accent); }
.oomlo-card--interactive { transition: border-color var(--oomlo-dur-hover) var(--oomlo-ease-out), transform var(--oomlo-dur-hover) var(--oomlo-ease-out); }
.oomlo-card--interactive:hover { border-color: var(--oomlo-border-input); }
.oomlo-card--offer { display: flex; flex-direction: column; gap: 10px; }
.oomlo-card--offer .oomlo-card__price { font-family: var(--oomlo-font-display); font-size: var(--oomlo-h2); font-weight: 800; line-height: 1.1; }
.oomlo-card--offer .oomlo-card__price small { font-family: var(--oomlo-font-text); font-size: var(--oomlo-small); color: var(--oomlo-text-2); font-weight: 500; margin-left: 4px; }
.oomlo-card--offer .oomlo-card__actions { margin-top: auto; padding-top: var(--oomlo-space-4); display: flex; gap: 10px; flex-wrap: wrap; }
.oomlo-card--offer .oomlo-card__small { font-size: var(--oomlo-caption); color: var(--oomlo-text-2); }
.oomlo-card--product { padding: 0; overflow: hidden; display: flex; flex-direction: column; }
.oomlo-card--product .oomlo-card__cover { aspect-ratio: 4 / 3; background: var(--oomlo-surface-2); }
.oomlo-card--product .oomlo-card__cover img { width: 100%; height: 100%; object-fit: cover; }
.oomlo-card--product .oomlo-card__body { padding: 20px; display: flex; flex-direction: column; gap: 6px; flex: 1; }
.oomlo-card--product .oomlo-card__by { font-size: var(--oomlo-small); color: var(--oomlo-text-2); }
.oomlo-card--product .oomlo-card__meta { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: 6px; }
.oomlo-card--product .oomlo-card__actions { margin-top: auto; padding-top: 14px; }
.oomlo-tag { display: inline-block; padding: 3px 8px; border-radius: var(--oomlo-radius-tag); background: var(--oomlo-surface-2); color: var(--oomlo-text-2); font-size: var(--oomlo-caption); font-weight: 600; letter-spacing: 0.02em; }
.oomlo-card--guide .oomlo-card__meta { font-size: var(--oomlo-caption); color: var(--oomlo-text-2); margin-bottom: 8px; }

/* Data-as-image card */
.oomlo-card--data { display: flex; flex-direction: column; gap: 6px; min-height: 160px; }
.oomlo-card--data .oomlo-data__value { font-family: var(--oomlo-font-display); font-size: var(--oomlo-display-2); font-weight: 800; line-height: 1; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
.oomlo-card--data .oomlo-data__label { color: var(--oomlo-text); font-size: 15px; }
.oomlo-card--data .oomlo-data__source { margin-top: auto; padding-top: 10px; font-size: var(--oomlo-caption); color: var(--oomlo-text-2); }
.oomlo-card--data.is-accent .oomlo-data__value { color: var(--oomlo-accent); }
[data-theme="light"] .oomlo-card--data.is-accent .oomlo-data__value { color: var(--oomlo-accent-hover); }

/* ---------- Hero ---------- */
.oomlo-hero { padding: var(--oomlo-space-9) 0 var(--oomlo-space-8); }
.oomlo-hero__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--oomlo-space-8); align-items: center; }
@media (max-width: 1023px) { .oomlo-hero__grid { grid-template-columns: minmax(0, 1fr); gap: var(--oomlo-space-6); } .oomlo-hero { padding: var(--oomlo-space-7) 0 var(--oomlo-space-7); } }
.oomlo-hero .oomlo-eyebrow { display: block; margin-bottom: var(--oomlo-space-5); }
.oomlo-hero h1 { margin-bottom: var(--oomlo-space-5); max-width: 18ch; }
.oomlo-hero--wide h1 { max-width: 24ch; }
.oomlo-hero__sub { font-size: var(--oomlo-body-l); color: var(--oomlo-text-2); max-width: 56ch; margin-bottom: var(--oomlo-space-6); }
.oomlo-hero__actions { display: flex; gap: 12px; flex-wrap: wrap; }
.oomlo-hero__media { position: relative; border-radius: var(--oomlo-radius-card); overflow: hidden; background: var(--oomlo-surface); border: 1px solid var(--oomlo-border); aspect-ratio: 4 / 3; }
.oomlo-hero__media--film { aspect-ratio: 16 / 9; margin-top: var(--oomlo-space-7); }
.oomlo-hero__media img, .oomlo-hero__media video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.oomlo-hero__media video { opacity: 0; transition: opacity var(--oomlo-dur-reveal) var(--oomlo-ease-out); }
.oomlo-hero__media video.is-ready { opacity: 1; }
.oomlo-hero__play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 56px; height: 56px; border-radius: 50%; background: var(--oomlo-bg); color: var(--oomlo-text); border: 1px solid var(--oomlo-border-input); display: inline-flex; align-items: center; justify-content: center; }
.oomlo-hero__play:hover { border-color: var(--oomlo-text); }
.oomlo-hero__caption { position: absolute; left: 12px; bottom: 12px; font-size: var(--oomlo-caption); color: var(--oomlo-text-2); background: var(--oomlo-bg); padding: 4px 8px; border-radius: var(--oomlo-radius-tag); }

/* ---------- Scene (two columns) ---------- */
.oomlo-scene { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--oomlo-space-8); align-items: start; }
@media (max-width: 1023px) { .oomlo-scene { grid-template-columns: minmax(0, 1fr); gap: var(--oomlo-space-5); } }
.oomlo-scene h2 { font-size: var(--oomlo-h2); max-width: 24ch; }
.oomlo-scene__body { color: var(--oomlo-text-2); font-size: var(--oomlo-body-l); }
.oomlo-scene__line { margin-top: var(--oomlo-space-4); font-weight: 700; color: var(--oomlo-text); }

/* ---------- Steps / how it works ---------- */
.oomlo-steps { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--oomlo-gutter); grid-template-columns: repeat(5, minmax(0, 1fr)); counter-reset: oomlo-step; }
@media (max-width: 1023px) { .oomlo-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .oomlo-steps { grid-template-columns: minmax(0, 1fr); } }
.oomlo-steps li { background: var(--oomlo-surface); border: 1px solid var(--oomlo-border); border-radius: var(--oomlo-radius-card); padding: 22px; box-shadow: var(--oomlo-shadow-1); }
.oomlo-steps__n { display: block; font-family: var(--oomlo-font-display); font-size: var(--oomlo-h2); font-weight: 800; line-height: 1; margin-bottom: 12px; color: var(--oomlo-text-2); }
.oomlo-steps li:first-child .oomlo-steps__n { color: var(--oomlo-accent); }
[data-theme="light"] .oomlo-steps li:first-child .oomlo-steps__n { color: var(--oomlo-accent-hover); }
.oomlo-steps strong { display: block; margin-bottom: 4px; }
.oomlo-steps p { color: var(--oomlo-text-2); font-size: 15px; }

/* Mechanism strip (how you get paid) */
.oomlo-mechanism { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: var(--oomlo-space-5); }
.oomlo-mechanism span { padding: 8px 14px; border: 1px solid var(--oomlo-border-input); border-radius: var(--oomlo-radius-pill); font-weight: 600; font-size: 14px; }
.oomlo-mechanism .oomlo-icon { color: var(--oomlo-text-2); }

/* ---------- Proof strip ---------- */
.oomlo-proof__small { margin-top: var(--oomlo-space-5); font-size: var(--oomlo-caption); color: var(--oomlo-text-2); max-width: 70ch; }

/* ---------- Cores tiles ---------- */
.oomlo-tiles { display: grid; gap: var(--oomlo-gutter); grid-template-columns: repeat(4, minmax(0, 1fr)); list-style: none; margin: 0; padding: 0; }
@media (max-width: 1023px) { .oomlo-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .oomlo-tiles { grid-template-columns: minmax(0, 1fr); } }
.oomlo-tiles li { background: var(--oomlo-surface); border: 1px solid var(--oomlo-border); border-radius: var(--oomlo-radius-card); padding: 24px; font-family: var(--oomlo-font-display); font-weight: 700; font-size: var(--oomlo-h3); line-height: 1.2; min-height: 120px; display: flex; align-items: flex-end; box-shadow: var(--oomlo-shadow-1); }
.oomlo-tiles--compact li { min-height: 0; font-size: var(--oomlo-body-l); font-family: var(--oomlo-font-text); font-weight: 600; padding: 16px 18px; }
.oomlo-tiles__line { margin-top: var(--oomlo-space-5); color: var(--oomlo-text-2); }

/* ---------- Ladder ---------- */
.oomlo-ladder { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); gap: var(--oomlo-space-8); align-items: center; }
@media (max-width: 1023px) { .oomlo-ladder { grid-template-columns: minmax(0, 1fr); gap: var(--oomlo-space-6); } }
.oomlo-ladder__rows { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.oomlo-ladder__rows li { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 16px; align-items: baseline; padding: 14px 0; border-bottom: 1px solid var(--oomlo-border); }
.oomlo-ladder__rows li:last-child { border-bottom: 0; }
.oomlo-ladder__pct { font-family: var(--oomlo-font-display); font-size: var(--oomlo-h1); font-weight: 800; line-height: 1; font-variant-numeric: tabular-nums; }
.oomlo-ladder__rows li:nth-child(3) .oomlo-ladder__pct { color: var(--oomlo-accent); }
[data-theme="light"] .oomlo-ladder__rows li:nth-child(3) .oomlo-ladder__pct { color: var(--oomlo-accent-hover); }
.oomlo-ladder__tier { font-weight: 700; display: block; }
.oomlo-ladder__text { color: var(--oomlo-text-2); font-size: 15px; }
.oomlo-ladder__never { margin-top: var(--oomlo-space-4); font-weight: 700; }
.oomlo-ladder__graphic { background: var(--oomlo-surface); border: 1px solid var(--oomlo-border); border-radius: var(--oomlo-radius-card); padding: 28px; box-shadow: var(--oomlo-shadow-1); }
.oomlo-ladder__graphic svg { width: 100%; height: auto; }
.oomlo-ladder__graphic .bar { fill: var(--oomlo-surface-2); }
.oomlo-ladder__graphic .bar--anchor { fill: var(--oomlo-accent); }
.oomlo-ladder__graphic .lbl { fill: var(--oomlo-text); font-family: var(--oomlo-font-display); font-weight: 800; font-size: 22px; }
.oomlo-ladder__graphic .lbl--anchor { fill: var(--oomlo-accent); }
[data-theme="light"] .oomlo-ladder__graphic .lbl--anchor { fill: var(--oomlo-accent-hover); }
.oomlo-ladder__graphic .cap { fill: var(--oomlo-text); font-family: var(--oomlo-font-text); font-weight: 700; font-size: 12px; }
.oomlo-ladder__graphic .sub { fill: var(--oomlo-text-2); font-family: var(--oomlo-font-text); font-size: 11px; }
.oomlo-ladder__graphic .never { fill: var(--oomlo-text); font-family: var(--oomlo-font-text); font-weight: 700; font-size: 12px; }

/* ---------- FAQ / objections accordion ---------- */
.oomlo-faq { border-top: 1px solid var(--oomlo-border); max-width: 880px; }
.oomlo-faq details { border-bottom: 1px solid var(--oomlo-border); }
.oomlo-faq summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 20px 0; font-weight: 700; font-size: var(--oomlo-body-l); color: var(--oomlo-text); }
.oomlo-faq summary::-webkit-details-marker { display: none; }
.oomlo-faq summary::after { content: ""; flex: 0 0 auto; width: 20px; height: 20px; background: linear-gradient(currentColor, currentColor) center / 12px 1.5px no-repeat, linear-gradient(currentColor, currentColor) center / 1.5px 12px no-repeat; transition: transform var(--oomlo-dur-hover) var(--oomlo-ease-out); color: var(--oomlo-text-2); }
.oomlo-faq details[open] summary::after { transform: rotate(45deg); }
.oomlo-faq summary:hover { color: var(--oomlo-text); }
.oomlo-faq__a { padding: 0 0 22px; color: var(--oomlo-text-2); max-width: 70ch; }
.oomlo-faq__a p { color: inherit; }

/* ---------- Forms ---------- */
.oomlo-form { display: grid; gap: 18px; }
.oomlo-form__grid { display: grid; gap: 18px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 767px) { .oomlo-form__grid { grid-template-columns: minmax(0, 1fr); } }
.oomlo-field { display: grid; gap: 6px; }
.oomlo-field--full { grid-column: 1 / -1; }
.oomlo-field label, .oomlo-field__label { font-weight: 600; font-size: 14px; color: var(--oomlo-text); }
.oomlo-field__optional { font-weight: 400; color: var(--oomlo-text-2); }
.oomlo-input, .oomlo-select, .oomlo-textarea { width: 100%; background: var(--oomlo-surface-2); color: var(--oomlo-text); border: 1px solid var(--oomlo-border-input); border-radius: var(--oomlo-radius-input); height: 44px; padding: 0 14px; font: 400 16px/1 var(--oomlo-font-text); transition: border-color var(--oomlo-dur-hover) var(--oomlo-ease-out); }
[data-theme="light"] .oomlo-input, [data-theme="light"] .oomlo-select, [data-theme="light"] .oomlo-textarea { background: var(--oomlo-surface); }
.oomlo-input::placeholder, .oomlo-textarea::placeholder { color: var(--oomlo-text-2); opacity: 0.8; }
.oomlo-input:hover, .oomlo-select:hover, .oomlo-textarea:hover { border-color: var(--oomlo-text-2); }
.oomlo-input:focus, .oomlo-select:focus, .oomlo-textarea:focus { border-color: var(--oomlo-accent); outline: 2px solid var(--oomlo-focus); outline-offset: 2px; }
.oomlo-input[aria-invalid="true"], .oomlo-select[aria-invalid="true"], .oomlo-textarea[aria-invalid="true"] { border-color: var(--oomlo-error); }
.oomlo-input[disabled], .oomlo-select[disabled] { opacity: 0.5; cursor: not-allowed; }
.oomlo-textarea { height: auto; min-height: 112px; padding: 12px 14px; line-height: 1.5; resize: vertical; }
.oomlo-select { appearance: none; -webkit-appearance: none; padding-right: 40px; background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%); background-position: calc(100% - 20px) 50%, calc(100% - 14px) 50%; background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; }
.oomlo-field__help { font-size: 13px; color: var(--oomlo-text-2); }
.oomlo-field__error { font-size: 13px; color: var(--oomlo-error); font-weight: 600; display: none; }
.oomlo-field.has-error .oomlo-field__error { display: block; }
.oomlo-field__count { font-size: 12px; color: var(--oomlo-text-2); text-align: right; font-variant-numeric: tabular-nums; }
.oomlo-check, .oomlo-radio { display: flex; gap: 12px; align-items: flex-start; font-size: 14px; color: var(--oomlo-text-2); cursor: pointer; }
.oomlo-check input, .oomlo-radio input { flex: 0 0 auto; width: 20px; height: 20px; margin: 2px 0 0; appearance: none; -webkit-appearance: none; border: 1px solid var(--oomlo-border-input); border-radius: 6px; background: var(--oomlo-surface-2); display: grid; place-content: center; cursor: pointer; }
[data-theme="light"] .oomlo-check input, [data-theme="light"] .oomlo-radio input { background: var(--oomlo-surface); }
.oomlo-radio input { border-radius: 50%; }
.oomlo-check input:checked, .oomlo-radio input:checked { background: var(--oomlo-accent); border-color: var(--oomlo-accent); }
.oomlo-check input:checked::before { content: ""; width: 10px; height: 6px; border-left: 2px solid var(--oomlo-accent-on); border-bottom: 2px solid var(--oomlo-accent-on); transform: translateY(-1px) rotate(-45deg); }
.oomlo-radio input:checked::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--oomlo-accent-on); }
.oomlo-check input:focus-visible, .oomlo-radio input:focus-visible { outline: 2px solid var(--oomlo-focus); outline-offset: 2px; }
.oomlo-choice-group { display: flex; flex-wrap: wrap; gap: 10px 20px; }
.oomlo-choice-group .oomlo-radio, .oomlo-choice-group .oomlo-check { align-items: center; color: var(--oomlo-text); }
.oomlo-range { -webkit-appearance: none; appearance: none; width: 100%; height: 4px; background: var(--oomlo-border-input); border-radius: 2px; outline: none; }
.oomlo-range::-webkit-slider-thumb { -webkit-appearance: none; width: 22px; height: 22px; border-radius: 50%; background: var(--oomlo-accent); border: 2px solid var(--oomlo-bg); cursor: pointer; }
.oomlo-range::-moz-range-thumb { width: 22px; height: 22px; border-radius: 50%; background: var(--oomlo-accent); border: 2px solid var(--oomlo-bg); cursor: pointer; }
.oomlo-range:focus-visible { outline: 2px solid var(--oomlo-focus); outline-offset: 4px; }
.oomlo-form__actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.oomlo-form__back { color: var(--oomlo-text-2); font-weight: 600; font-size: 14px; }
.oomlo-form__back:hover { color: var(--oomlo-text); }
.oomlo-form__status { font-size: 14px; color: var(--oomlo-text-2); min-height: 1.4em; }
.oomlo-form__status.is-error { color: var(--oomlo-error); font-weight: 600; }
.oomlo-form__status.is-success { color: var(--oomlo-success); font-weight: 600; }
.oomlo-form__hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.oomlo-notice { padding: 14px 16px; border-radius: var(--oomlo-radius-input); border: 1px solid var(--oomlo-border); background: var(--oomlo-surface); font-size: 14px; }
.oomlo-notice--error { border-color: var(--oomlo-error); color: var(--oomlo-text); }
.oomlo-notice--success { border-color: var(--oomlo-success); }
.oomlo-turnstile { min-height: 65px; }

/* Application panel */
.oomlo-apply { max-width: 880px; margin: 0 auto; }
.oomlo-apply__panel { background: var(--oomlo-surface); border: 1px solid var(--oomlo-border); border-radius: var(--oomlo-radius-card); padding: 28px; box-shadow: var(--oomlo-shadow-1); }
@media (max-width: 767px) { .oomlo-apply__panel { padding: 20px; } }
.oomlo-progress { display: flex; justify-content: space-between; align-items: center; font-size: var(--oomlo-caption); font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--oomlo-text-2); margin-bottom: 10px; }
.oomlo-progress__bar { height: 3px; background: var(--oomlo-border); border-radius: 2px; margin-bottom: 24px; overflow: hidden; }
.oomlo-progress__bar span { display: block; height: 100%; background: var(--oomlo-accent); width: 50%; transition: width var(--oomlo-dur-reveal) var(--oomlo-ease-out); }
.oomlo-apply__step[hidden] { display: none; }
.oomlo-apply__legal { font-size: 13px; color: var(--oomlo-text-2); }
.oomlo-sticky-apply { position: fixed; left: 0; right: 0; bottom: 0; z-index: 90; padding: 10px 20px calc(10px + env(safe-area-inset-bottom)); background: var(--oomlo-bg); border-top: 1px solid var(--oomlo-border); display: none; }
@media (max-width: 767px) { .oomlo-sticky-apply { display: block; } .oomlo-sticky-apply.is-hidden { display: none; } }

/* ---------- Calculator ---------- */
.oomlo-calc { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--oomlo-space-6); }
@media (max-width: 1023px) { .oomlo-calc { grid-template-columns: minmax(0, 1fr); } }
.oomlo-calc__inputs, .oomlo-calc__outputs { background: var(--oomlo-surface); border: 1px solid var(--oomlo-border); border-radius: var(--oomlo-radius-card); padding: 28px; box-shadow: var(--oomlo-shadow-1); }
.oomlo-calc__outputs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; align-content: start; }
@media (max-width: 480px) { .oomlo-calc__outputs { grid-template-columns: minmax(0, 1fr); } }
.oomlo-calc__out { border: 1px solid var(--oomlo-border); border-radius: var(--oomlo-radius-input); padding: 18px; display: flex; flex-direction: column; gap: 4px; }
.oomlo-calc__out-value { font-family: var(--oomlo-font-display); font-weight: 800; font-size: var(--oomlo-h1); line-height: 1; font-variant-numeric: tabular-nums; }
.oomlo-calc__out:nth-child(3) .oomlo-calc__out-value { color: var(--oomlo-accent); }
[data-theme="light"] .oomlo-calc__out:nth-child(3) .oomlo-calc__out-value { color: var(--oomlo-accent-hover); }
.oomlo-calc__out-label { font-weight: 600; font-size: 14px; }
.oomlo-calc__out-tag { font-size: var(--oomlo-caption); color: var(--oomlo-text-2); text-transform: uppercase; letter-spacing: 0.08em; }
.oomlo-calc__disclaimer { grid-column: 1 / -1; font-size: 13px; color: var(--oomlo-text-2); border-top: 1px solid var(--oomlo-border); padding-top: 14px; }
.oomlo-calc__range-row { display: flex; justify-content: space-between; font-size: 13px; color: var(--oomlo-text-2); font-variant-numeric: tabular-nums; }
.oomlo-calc__range-value { font-weight: 700; color: var(--oomlo-text); }
.oomlo-calc__email { grid-column: 1 / -1; display: flex; gap: 10px; align-items: flex-end; flex-wrap: wrap; }
.oomlo-calc__email .oomlo-field { flex: 1 1 240px; }
.oomlo-calc__note { margin-top: var(--oomlo-space-5); color: var(--oomlo-text-2); max-width: 70ch; }

/* ---------- Quiz ---------- */
.oomlo-quiz { max-width: 760px; margin: 0 auto; }
.oomlo-quiz__panel { background: var(--oomlo-surface); border: 1px solid var(--oomlo-border); border-radius: var(--oomlo-radius-card); padding: 28px; box-shadow: var(--oomlo-shadow-1); }
.oomlo-quiz__q { font-family: var(--oomlo-font-display); font-weight: 700; font-size: var(--oomlo-h3); margin: 0 0 16px; }
.oomlo-quiz__options { display: grid; gap: 10px; }
.oomlo-quiz__option { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border: 1px solid var(--oomlo-border-input); border-radius: var(--oomlo-radius-input); cursor: pointer; transition: border-color var(--oomlo-dur-hover) var(--oomlo-ease-out); color: var(--oomlo-text); }
.oomlo-quiz__option:hover { border-color: var(--oomlo-text); }
.oomlo-quiz__option.is-selected { border-color: var(--oomlo-accent); }
.oomlo-quiz__option input { position: absolute; opacity: 0; pointer-events: none; }
.oomlo-quiz__option:focus-within { outline: 2px solid var(--oomlo-focus); outline-offset: 2px; }
.oomlo-quiz__outcome[hidden] { display: none; }
.oomlo-quiz__outcome h2 { margin-top: 8px; }
.oomlo-quiz__outcome .oomlo-quiz__actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: var(--oomlo-space-5); }

/* ---------- Catalog ---------- */
.oomlo-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: var(--oomlo-space-6); }
.oomlo-chip { padding: 8px 14px; border-radius: var(--oomlo-radius-pill); border: 1px solid var(--oomlo-border-input); color: var(--oomlo-text-2); font-size: 14px; font-weight: 600; transition: border-color var(--oomlo-dur-hover) var(--oomlo-ease-out), color var(--oomlo-dur-hover) var(--oomlo-ease-out); }
.oomlo-chip:hover { color: var(--oomlo-text); border-color: var(--oomlo-text); }
.oomlo-chip[aria-pressed="true"] { background: var(--oomlo-text); color: var(--oomlo-bg); border-color: var(--oomlo-text); }
.oomlo-catalog__small { margin-top: var(--oomlo-space-5); font-size: var(--oomlo-caption); color: var(--oomlo-text-2); }
.oomlo-catalog__grid { display: grid; gap: var(--oomlo-gutter); grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 1023px) { .oomlo-catalog__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .oomlo-catalog__grid { grid-template-columns: minmax(0, 1fr); } }

/* ---------- Empty states & results ---------- */
.oomlo-empty { background: var(--oomlo-surface); border: 1px solid var(--oomlo-border); border-radius: var(--oomlo-radius-card); padding: 28px; max-width: 880px; box-shadow: var(--oomlo-shadow-1); }
.oomlo-empty .oomlo-eyebrow { display: block; margin-bottom: 10px; }
.oomlo-empty h3 { margin-bottom: 8px; }
.oomlo-empty p { color: var(--oomlo-text-2); }
.oomlo-empty--center { margin: 0 auto; }
.oomlo-testimonials { display: grid; gap: var(--oomlo-gutter); grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 1023px) { .oomlo-testimonials { grid-template-columns: minmax(0, 1fr); } }
.oomlo-testimonial { display: flex; flex-direction: column; gap: 10px; }
.oomlo-testimonial__number { font-family: var(--oomlo-font-display); font-size: var(--oomlo-h1); font-weight: 800; line-height: 1; font-variant-numeric: tabular-nums; }
.oomlo-testimonial__quote { color: var(--oomlo-text); font-size: 15px; }
.oomlo-testimonial__who { font-size: 14px; color: var(--oomlo-text-2); margin-top: auto; padding-top: 10px; }
.oomlo-testimonial__who strong { color: var(--oomlo-text); }

/* ---------- Closing band (the only full-bleed orange) ---------- */
.oomlo-band { background: var(--oomlo-accent); color: var(--oomlo-accent-on); padding: var(--oomlo-space-9) 0; }
@media (max-width: 767px) { .oomlo-band { padding: var(--oomlo-space-8) 0; } }
.oomlo-band__inner { display: flex; align-items: center; justify-content: space-between; gap: var(--oomlo-space-6); flex-wrap: wrap; }
.oomlo-band h2 { color: var(--oomlo-accent-on); font-size: var(--oomlo-display-2); margin: 0; max-width: 16ch; }
.oomlo-band__actions { display: flex; gap: 12px; flex-wrap: wrap; }
.oomlo-band .oomlo-btn--primary { background: var(--oomlo-accent-on); color: var(--oomlo-accent); }
.oomlo-band .oomlo-btn--primary:hover { color: var(--oomlo-accent-hover); background: var(--oomlo-accent-on); }
.oomlo-band .oomlo-btn--secondary { color: var(--oomlo-accent-on); border-color: var(--oomlo-accent-on); }
.oomlo-band .oomlo-btn--secondary:hover { border-color: var(--oomlo-accent-on); }
.oomlo-band :focus-visible { outline-color: var(--oomlo-accent-on); }

/* ---------- Footer ---------- */
.oomlo-footer { border-top: 1px solid var(--oomlo-border); padding: var(--oomlo-space-8) 0 var(--oomlo-space-6); font-size: 14px; }
.oomlo-footer__top { display: grid; grid-template-columns: minmax(0, 5fr) repeat(4, minmax(0, 2fr)); gap: var(--oomlo-space-6); }
@media (max-width: 1023px) { .oomlo-footer__top { grid-template-columns: repeat(2, minmax(0, 1fr)); } .oomlo-footer__brand { grid-column: 1 / -1; } }
@media (max-width: 480px) { .oomlo-footer__top { grid-template-columns: minmax(0, 1fr); } }
.oomlo-footer__brand svg, .oomlo-footer__brand img { height: 36px; width: auto; margin-bottom: 18px; }
@media (max-width: 767px) { .oomlo-footer__brand svg, .oomlo-footer__brand img { height: 28px; } }
.oomlo-footer__brand p { color: var(--oomlo-text-2); margin-bottom: 6px; }
.oomlo-footer__brand a { color: var(--oomlo-text-2); }
.oomlo-footer__brand a:hover { color: var(--oomlo-text); }
.oomlo-footer__col .oomlo-eyebrow { display: block; margin-bottom: 14px; }
.oomlo-footer__col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.oomlo-footer__col a { color: var(--oomlo-text); }
.oomlo-footer__col a:hover { color: var(--oomlo-accent); }
[data-theme="light"] .oomlo-footer__col a:hover { color: var(--oomlo-accent-hover); }
.oomlo-footer__legal { margin-top: var(--oomlo-space-7); padding-top: var(--oomlo-space-5); border-top: 1px solid var(--oomlo-border); color: var(--oomlo-text-2); font-size: var(--oomlo-caption); display: grid; gap: 12px; max-width: 980px; }
.oomlo-footer__bottom { margin-top: var(--oomlo-space-5); display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; color: var(--oomlo-text-2); font-size: var(--oomlo-caption); }
.oomlo-footer__toggle { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border: 1px solid var(--oomlo-border-input); border-radius: var(--oomlo-radius-pill); color: var(--oomlo-text); font-weight: 600; font-size: 13px; }
.oomlo-footer__toggle:hover { border-color: var(--oomlo-text); }
.oomlo-footer__toggle .oomlo-icon { width: 14px; height: 14px; }
.oomlo-footer__toggle-label-dark { display: none; } [data-theme="light"] .oomlo-footer__toggle-label-dark { display: inline; } [data-theme="light"] .oomlo-footer__toggle-label-light { display: none; }

/* ---------- Consent banner ---------- */
.oomlo-consent { position: fixed; left: 20px; right: 20px; bottom: 20px; z-index: 200; max-width: 640px; margin: 0 auto; background: var(--oomlo-surface); border: 1px solid var(--oomlo-border-input); border-radius: var(--oomlo-radius-card); padding: 20px 22px; box-shadow: var(--oomlo-shadow-1); font-size: 14px; }
.oomlo-consent[hidden] { display: none; }
.oomlo-consent p { color: var(--oomlo-text-2); margin-bottom: 14px; }
.oomlo-consent__actions { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.oomlo-consent__cpra { margin-left: auto; font-size: 13px; color: var(--oomlo-text-2); text-decoration: underline; }
.oomlo-consent__cpra:hover { color: var(--oomlo-text); }
.oomlo-consent__settings { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--oomlo-border); display: grid; gap: 10px; }
.oomlo-consent__settings[hidden] { display: none; }
.oomlo-consent__cat { display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.oomlo-consent__cat span small { display: block; color: var(--oomlo-text-2); }
.oomlo-switch { position: relative; width: 40px; height: 22px; border-radius: 11px; background: var(--oomlo-border-input); flex: 0 0 auto; transition: background var(--oomlo-dur-hover) var(--oomlo-ease-out); border: 0; }
.oomlo-switch::after { content: ""; position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; border-radius: 50%; background: var(--oomlo-surface); transition: transform var(--oomlo-dur-hover) var(--oomlo-ease-out); }
.oomlo-switch[aria-checked="true"] { background: var(--oomlo-accent); }
.oomlo-switch[aria-checked="true"]::after { transform: translateX(18px); background: var(--oomlo-accent-on); }
.oomlo-switch[disabled] { opacity: 0.6; cursor: not-allowed; }

/* ---------- 404 ---------- */
.oomlo-404 { min-height: 60vh; display: grid; place-items: center; text-align: center; padding: var(--oomlo-space-9) 0; }
.oomlo-404__ring { width: 96px; height: 96px; border: 19px solid var(--oomlo-accent); border-radius: 50%; margin: 0 auto var(--oomlo-space-6); }
.oomlo-404 h1 { max-width: 16ch; margin: 0 auto var(--oomlo-space-5); }
.oomlo-404__links { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }

/* ---------- Account dashboard ---------- */
.oomlo-account { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: var(--oomlo-space-7); align-items: start; }
@media (max-width: 1023px) { .oomlo-account { grid-template-columns: minmax(0, 1fr); gap: var(--oomlo-space-5); } }
.oomlo-account__nav ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
@media (max-width: 1023px) { .oomlo-account__nav ul { display: flex; flex-wrap: wrap; gap: 8px; } }
.oomlo-account__nav a { display: block; padding: 10px 14px; border-radius: var(--oomlo-radius-pill); color: var(--oomlo-text-2); font-weight: 600; }
.oomlo-account__nav a:hover { color: var(--oomlo-text); }
.oomlo-account__nav .is-active a { background: var(--oomlo-surface); color: var(--oomlo-text); }
.oomlo-account__panel { background: var(--oomlo-surface); border: 1px solid var(--oomlo-border); border-radius: var(--oomlo-radius-card); padding: 28px; box-shadow: var(--oomlo-shadow-1); }
@media (max-width: 767px) { .oomlo-account__panel { padding: 20px; } }
.oomlo-status { display: flex; gap: 8px; flex-wrap: wrap; list-style: none; margin: 16px 0; padding: 0; }
.oomlo-status li { padding: 6px 12px; border-radius: var(--oomlo-radius-pill); border: 1px solid var(--oomlo-border); color: var(--oomlo-text-2); font-size: 13px; font-weight: 600; }
.oomlo-status li.is-done { border-color: var(--oomlo-success); color: var(--oomlo-success); }
.oomlo-status li.is-current { background: var(--oomlo-accent); border-color: var(--oomlo-accent); color: var(--oomlo-accent-on); }
.oomlo-account__row { display: grid; grid-template-columns: 1fr 1fr 2fr 1fr auto; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--oomlo-border); font-size: 14px; align-items: center; }
.oomlo-dialog { border: 1px solid var(--oomlo-border-input); background: var(--oomlo-surface); color: var(--oomlo-text); border-radius: var(--oomlo-radius-card); padding: 28px; max-width: 460px; box-shadow: var(--oomlo-shadow-1); }
.oomlo-dialog::backdrop { background: rgba(0, 0, 0, 0.6); }
.oomlo-dialog h3 { margin-bottom: 10px; }
.oomlo-dialog p { color: var(--oomlo-text-2); }
.oomlo-dialog__actions { display: flex; gap: 10px; margin-top: 18px; flex-wrap: wrap; }

/* ---------- Lists with icons ---------- */
.oomlo-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.oomlo-list li { display: flex; gap: 10px; align-items: flex-start; color: var(--oomlo-text-2); }
.oomlo-list .oomlo-icon { color: var(--oomlo-accent); margin-top: 2px; }
[data-theme="light"] .oomlo-list .oomlo-icon { color: var(--oomlo-accent-hover); }

/* ---------- Address block ---------- */
.oomlo-address { font-style: normal; color: var(--oomlo-text-2); line-height: 1.7; }
.oomlo-address strong { color: var(--oomlo-text); }

/* ---------- Legal template ---------- */
.oomlo-legal__updated { font-size: var(--oomlo-small); color: var(--oomlo-text-2); margin-bottom: var(--oomlo-space-6); }

/* ---------- Video embed & captions ---------- */
.oomlo-embed { border: 1px solid var(--oomlo-border); border-radius: var(--oomlo-radius-card); overflow: hidden; background: var(--oomlo-surface); min-height: 480px; }
.oomlo-embed iframe { width: 100%; min-height: 640px; border: 0; display: block; }
.oomlo-embed__empty { padding: var(--oomlo-space-6); color: var(--oomlo-text-2); text-align: center; }
.oomlo-transcript summary { cursor: pointer; font-weight: 600; font-size: 14px; color: var(--oomlo-text-2); }

/* ---------- Mode-switched mark images (header uploads, footer lockup) ---------- */
.oomlo-mark-img--light { display: none; }
[data-theme="light"] .oomlo-mark-img--light { display: block; }
[data-theme="light"] .oomlo-mark-img--dark { display: none; }
.oomlo-mark { color: var(--oomlo-text); }
[data-theme="light"] .oomlo-mark { color: var(--oomlo-text-2); }
.oomlo-mark__accent { color: var(--oomlo-accent); }
.oomlo-mark__tagline { color: var(--oomlo-text-2); }
.oomlo-header__brand .oomlo-mark { height: 26px; width: auto; }

/* ---------- Light mode: links inside components keep their component color (tokens.css colors bare links orange) ---------- */
[data-theme="light"] a.oomlo-btn--primary { color: var(--oomlo-accent-on); }
[data-theme="light"] a.oomlo-btn--primary:hover, [data-theme="light"] a.oomlo-btn--primary:focus-visible { color: var(--oomlo-surface); }
[data-theme="light"] a.oomlo-btn--secondary { color: var(--oomlo-text); }
[data-theme="light"] a.oomlo-btn--secondary:hover { color: var(--oomlo-text); }
[data-theme="light"] .oomlo-band a.oomlo-btn--primary { color: var(--oomlo-accent-hover); }
[data-theme="light"] .oomlo-band a.oomlo-btn--primary:hover { color: var(--oomlo-accent-hover); }
[data-theme="light"] .oomlo-band a.oomlo-btn--secondary { color: var(--oomlo-accent-on); }
[data-theme="light"] a.oomlo-header__signin { color: var(--oomlo-text-2); }
[data-theme="light"] a.oomlo-header__signin:hover { color: var(--oomlo-text); }
[data-theme="light"] a.oomlo-whatsapp { color: var(--oomlo-text); }
[data-theme="light"] .oomlo-header__brand { color: var(--oomlo-text-2); }
[data-theme="light"] a.oomlo-skip { color: var(--oomlo-accent-on); }
[data-theme="light"] .oomlo-footer__col a { color: var(--oomlo-text); }
[data-theme="light"] .oomlo-footer__brand a { color: var(--oomlo-text-2); }
[data-theme="light"] .oomlo-footer__brand a:hover { color: var(--oomlo-text); }
[data-theme="light"] a.oomlo-form__back { color: var(--oomlo-text-2); }
[data-theme="light"] a.oomlo-consent__cpra { color: var(--oomlo-text-2); }
[data-theme="light"] .oomlo-account__nav a { color: var(--oomlo-text-2); }
[data-theme="light"] .oomlo-account__nav .is-active a { color: var(--oomlo-text); }
[data-theme="light"] .oomlo-404 a.oomlo-btn--secondary { color: var(--oomlo-text); }
[data-theme="light"] .oomlo-nav a { color: var(--oomlo-text-2); }
[data-theme="light"] .oomlo-nav a:hover, [data-theme="light"] .oomlo-nav .current-menu-item > a { color: var(--oomlo-text); }