/* Плаж Певица — design tokens (from the Claude Design doc) */
:root {
  /* palette */
  --pp-yellow: #FFC734;   /* акценти, лого, badges */
  --pp-coral: #FF5A4E;    /* бутони, CTA, „извънредно" */
  --pp-teal: #2BB5A0;     /* категории, хороскоп */
  --pp-pink: #E84A8A;     /* тестове, реакции */
  --pp-sea: #1B6CA8;      /* линкове, вълни */
  --pp-navy: #0E2A4A;     /* текст, footer */
  --pp-sand: #FAF3E3;     /* основен фон */
  --pp-cream: #FFF9EE;    /* карти, повърхности */
  --pp-coral-shadow: #C63B31;
  --pp-muted: #566d84;
  --pp-faint: #77889b;

  /* typography */
  --pp-font-display: 'Unbounded', sans-serif;
  --pp-font-body: 'Rubik', sans-serif;

  /* shape */
  --pp-radius-card: 18px;
  --pp-radius-lg: 20px;
  --pp-radius-pill: 999px;
  --pp-border: 1px solid rgba(14, 42, 74, 0.1);
  --pp-shadow-card: 0 20px 50px rgba(14, 42, 74, 0.18);

  /* retro brand stripe */
  --pp-stripe: repeating-linear-gradient(90deg,
    var(--pp-coral) 0 48px, var(--pp-yellow) 48px 96px, var(--pp-teal) 96px 144px,
    var(--pp-pink) 144px 192px, var(--pp-sea) 192px 240px);
}