/* Proposed application palette based on the supplied OpenClick logos.
   Not a declaration of exact colors or typography used on openclick.es. */
:root {
  --oc-brand-red: #e30613;
  --oc-brand-orange: #f47721;
  --oc-brand-yellow: #ffbd35;
  --oc-brand-gradient: linear-gradient(100deg, var(--oc-brand-red), var(--oc-brand-orange) 58%, var(--oc-brand-yellow));
  --oc-primary: #b91624;
  --oc-primary-hover: #95121d;
  --oc-primary-text: #ffffff;
  --oc-ink: #202329;
  --oc-muted: #555c66;
  --oc-background: #f7f8fa;
  --oc-surface: #ffffff;
  --oc-border: #d9dde3;
  --oc-focus: #1b5fcc;
  --oc-success: #146c43;
  --oc-danger: #b42318;
  --oc-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --oc-radius: 12px;
  --oc-shadow: 0 8px 32px rgb(32 35 41 / 6%);
}

.oc-logo {
  display: block;
  width: 160px;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

.oc-button-primary {
  font: 600 1rem/1.4 var(--oc-font);
  color: var(--oc-primary-text);
  background: var(--oc-primary);
  border: 0;
  border-radius: var(--oc-radius);
  padding: 0.75rem 1.25rem;
  cursor: pointer;
}

.oc-button-primary:hover { background: var(--oc-primary-hover); }
.oc-button-primary:focus-visible { outline: 3px solid var(--oc-focus); outline-offset: 3px; }

@media (prefers-reduced-motion: reduce) {
  .oc-button-primary { transition: none; }
}