/*
Theme Name: Lopuo Theme
Theme URI: https://lopuo.com
Author: Lopuo
Description: Official WordPress theme for the Lopuo multilingual digital growth website.
Version: 0.8.4
Text Domain: lopuo-theme
*/

:root {
  color-scheme: light;
  --lopuo-text: #111827;
  --lopuo-muted: #526074;
  --lopuo-surface: #ffffff;
  --lopuo-surface-alt: #f5f7fb;
  --lopuo-border: #d7dfeb;
  --lopuo-accent: #111827;
  --lopuo-accent-contrast: #ffffff;
  --lopuo-shadow: 0 20px 48px rgba(15, 23, 42, 0.08);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--lopuo-text);
  background:
    radial-gradient(circle at top left, rgba(191, 219, 254, 0.3), transparent 30%),
    linear-gradient(180deg, #f8fbff 0%, #f5f7fb 100%);
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

button,
input,
textarea,
select {
  font: inherit;
}

code,
pre {
  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, monospace;
}