@import url('paletas.css');
/* Incluir data-ortaklan-theme en body o en el contenedor de la web. */
.ok-surface { background: var(--ok-paper); color: var(--ok-ink); }
.ok-surface-dark { background: var(--ok-ink); color: var(--ok-paper); }
.ok-button { display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.75rem 1.15rem;background:var(--ok-accent);color:var(--ok-on-accent);font:600 1rem/1.2 system-ui,sans-serif;border:0;border-radius:2px;text-decoration:none; }
.ok-button:focus-visible { outline:3px solid currentColor;outline-offset:4px; }
.ok-mark { display:block;width:clamp(96px,18vw,240px);height:auto; }
.ok-pattern { background-repeat:repeat;background-size:256px 256px; }
.ok-hero { background-size:cover;background-position:center; }
.ok-square { display:inline-block;width:1em;height:1em;background:var(--ok-accent); }