/*
 * Konfettifest Design Tokens – abgestimmt auf Mockups Startseite / Aktionen & Plakat
 * Daten-Plugin: Rheine mit Kids Konfettifest (CPTs, Shortcodes).
 */

@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Nunito+Sans:wght@400;600;700&display=swap');

:root {
  /* Plakat / Mockup */
  --rmkcf-cream: #f9f6f0;
  --rmkcf-teal: #509893;
  --rmkcf-teal-dark: #3a7a76;
  --rmkcf-blush: #ebd8d3;
  --rmkcf-coral-soft: #e8a09a;

  /* Akzente */
  --rmkcf-red: #ff3b3b;
  --rmkcf-coral: #ff5a5f;
  --rmkcf-mustard: #ffd15c;
  --rmkcf-sky: #4da3ff;
  --rmkcf-grass: #41c55b;
  --rmkcf-charcoal: #1f2a37;

  /* Flächen */
  --rmkcf-soft: var(--rmkcf-cream);
  --rmkcf-white: #ffffff;
  --rmkcf-border: rgba(31, 42, 55, 0.12);
  --rmkcf-shadow: 0 10px 30px rgba(31, 42, 55, 0.1);

  --rmkcf-radius-xl: 28px;
  --rmkcf-radius-lg: 18px;
  --rmkcf-radius-md: 14px;
  --rmkcf-radius-sm: 10px;

  /* Generische UI-Aliase (optional für externe Tools) */
  --color-background: var(--rmkcf-cream);
  --color-primary: var(--rmkcf-teal);
  --color-primary-dark: var(--rmkcf-teal-dark);
  --color-text: var(--rmkcf-charcoal);
}

html,
body {
  background: var(--rmkcf-cream);
  color: var(--rmkcf-charcoal);
  font-family: "Nunito Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

* {
  box-sizing: border-box;
}

a {
  color: inherit;
}