/* liva Vila v0.1. https://github.com/mauricioc-cc/m96-ai-plugins/blob/main/docs/liva/tokens.css */
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("/fonts/PlusJakartaSans-Latin.woff2") format("woff2");
  font-weight: 400 800;
  font-display: swap;
}

:root {
  color-scheme: light dark;
  --liva-brand-green: #77A899;
  --liva-brand-amber: #F0C78B;
  --liva-brand-sand: #F7EFE4;
  --liva-brand-sage: #E4EDE8;
  --liva-brand-deep: #293D37;

  --liva-bg: #FCFBF8;
  --liva-surface: #FFFFFF;
  --liva-surface-muted: #F7EFE4;
  --liva-surface-selected: #E4EDE8;
  --liva-fg: #293D37;
  --liva-fg-muted: #42564F;
  --liva-border: #CAD9D1;
  --liva-action-bg: #293D37;
  --liva-action-fg: #FFFFFF;
  --liva-focus: #293D37;
  --liva-control-border: #788A81;
  --liva-action-hover: #354E45;
  --liva-danger-bg: #963635;
  --liva-danger-fg: #FFFFFF;
  --liva-error: #962D2D;
  --liva-ink-paper: #F7F3E9;
  --liva-overlay: rgb(23 35 31 / 72%);

  --liva-font-sans: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --liva-radius-control: 12px;
  --liva-radius-card: 18px;
  --liva-min-touch: 44px;
  --liva-motion-fast: 160ms;
  --liva-motion-feedback: 240ms;
}

@media (prefers-color-scheme: dark) {
  :root {
    --liva-bg: #17231F;
    --liva-surface: #21312B;
    --liva-surface-muted: #293D37;
    --liva-surface-selected: #345044;
    --liva-fg: #F7F8F5;
    --liva-fg-muted: #D9E6DD;
    --liva-border: #577367;
    --liva-action-bg: #DCECE3;
    --liva-action-fg: #17231F;
    --liva-focus: #F0C78B;
    --liva-control-border: #849B90;
    --liva-action-hover: #BDD6C9;
    --liva-danger-bg: #A53C3B;
    --liva-error: #FFB8B5;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --liva-motion-fast: 0ms;
    --liva-motion-feedback: 0ms;
  }
}

:focus-visible {
  outline: 2px solid var(--liva-focus);
  outline-offset: 3px;
}

.liva-brand {
  display: inline-block;
  width: fit-content;
  color: var(--liva-fg);
  font: 750 1.25rem/1 var(--liva-font-sans);
  letter-spacing: -.035em;
  text-decoration: none;
  white-space: nowrap;
}

input::placeholder,
textarea::placeholder {
  color: var(--liva-fg-muted);
  opacity: 1;
}