/* Stream Village — tokens (alignés Community, accent vert) */
:root {
  --accent: #6CDE5D;
  --accent-hover: #7FE670;
  --accent-active: #55C94A;
  --accent-light: #98E98C;
  --accent-dark: #4BC43C;
  --accent-soft: color-mix(in srgb, var(--accent) 15%, transparent);
  --accent-muted: color-mix(in srgb, var(--accent) 18%, transparent);
  --accent-shadow: color-mix(in srgb, var(--accent) 28%, transparent);
  --accent-shadow-logo: color-mix(in srgb, var(--accent) 35%, transparent);
  --accent-gradient: linear-gradient(30deg, var(--accent), var(--accent-light), var(--accent));

  --bg-page: #ffffff;
  --bg-surface: #ffffff;
  --bg-ink: #142016;
  --text-ink: #1a2e1f;
  --text-muted: #5a6f5e;
  --text-on-color: #ffffff;
  --border-neutral: #d4d0df;
  --border-soft: #d7e8d4;

  --font-sans: "Poppins", Arial, sans-serif;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-14: 14px;
  --radius-lg: 20px;
  --radius-pill: 999px;
  --radius-btn: 25px;

  --text-1-size: 6rem;
  --text-2-size: 3.5rem;
  --text-3-size: 2.5rem;
  --text-4-size: 1.9rem;
  --text-5-size: 1.2rem;
  --text-6-size: 1.1rem;

  --content-max: 1100px;
}

@media (max-width: 768px) {
  :root {
    --text-1-size: 3rem;
    --text-2-size: 1.8rem;
    --text-3-size: 1.9rem;
    --text-4-size: 1.2rem;
    --text-5-size: 1rem;
    --text-6-size: 0.9rem;
  }
}