@import url('https://fonts.googleapis.com/css2?family=Alfa+Slab+One&family=Caprasimo&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

/* ==========================================================================
   MEGALOOP DESIGN SYSTEM - ULTRA LOOP EDITION
   ========================================================================== */

:root {
  /* Core Palette */
  --color-primary: #ffab00;
  --color-secondary: #ff267A;
  --color-accent: #111111;
  --color-background: #FFFFFF;

  /* UI Tokens */
  --theme-heading-color: #111111;
  --theme-text: #333333;
  --theme-text-muted: rgba(0, 0, 0, 0.65);
  --theme-card-bg: rgba(255, 255, 255, 0.95);
  --theme-card-border: rgba(255, 38, 122, 0.2);
  --theme-btn-bg: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
  --theme-btn-text: #FFFFFF;

  /* Ad Card specific */
  --card-title-color: #111111;
  --card-price-color: #111111;
  --card-title-shadow: none;

  /* Typography */
  --font-heading: 'Manrope', sans-serif;
  --font-logo: 'Caprasimo', cursive;
  --font-body: 'Red Hat Text', sans-serif;
}