/* Prophecy Festival - Design Tokens
   LUXURY CREAM THEME (Lyst, varmt, minimalistisk)
   NO BORDERS design policy
*/
:root {
  /* === BAGGRUNDE & YDERLAG === */
  --pf-bg: #FAF7F2;          /* Ivory cream - primær baggrund */
  --pf-bg-soft: #F5F0E8;     /* Blødt cream - sektioner */
  --pf-card: #FFFFFF;        /* Rent hvidt - cards (luksus kontrast) */
  --pf-elevated: #F0E9DD;    /* Lys cream-beige - sub-cards, indlejret */
  --pf-hover: #F5EFE4;       /* Hover - card/knap */

  /* === TEKST === */
  --pf-text: #1A1714;        /* Dyb varm brunsort - primær (ikke hård sort) */
  --pf-text-muted: #5C5248;  /* Mørk brungrå - brødtekst, læsbar */
  --pf-text-dim: #8A7D70;    /* Lys brungrå - labels, beskrivelser */
  --pf-text-faint: #B8AC9D;  /* Meget svag brun - fine elementer, seperatorer */

  /* === ACCENTER (Prophecy branding - justeret for lys baggrund) === */
  --pf-accent-gold: #E8A02B;      /* Dyb, varm Prophecy gul (ikke for skrigende) */
  --pf-accent-gold-soft: #F2B84D; /* Lysere gul hover */
  --pf-accent-gold-dark: #C68A1E; /* Dybere gul - active / tekst */
  --pf-accent-red: #C1121F;       /* Dyb Prophecy rød (god kontrast på creme) */
  --pf-accent-red-soft: #D92A37;  /* Lysere rød hover */
  --pf-accent-orange: #D97706;    /* Varm orange */
  --pf-ok: #059669;
  --pf-warn: #D97706;
  --pf-err: #DC2626;

  /* === GEOMETRI (beholdes - 16px runde hjørner krav) === */
  --pf-radius-card: 16px;
  --pf-radius-btn: 8px;
  --pf-radius-input: 6px;
  --pf-radius-full: 999px;
  --pf-radius-lg: 24px;

  /* === MELLEMRUM === */
  --pf-space-1: 4px;
  --pf-space-2: 8px;
  --pf-space-3: 12px;
  --pf-space-4: 16px;
  --pf-space-5: 24px;
  --pf-space-6: 32px;
  --pf-space-7: 48px;
  --pf-space-8: 64px;

  /* === SKYGGER (BLØDE, VARME - ikke sorte hård-skygger) === */
  --pf-shadow-sm: 0 2px 10px rgba(89, 67, 35, 0.06);
  --pf-shadow: 0 8px 32px rgba(89, 67, 35, 0.09);
  --pf-shadow-lg: 0 20px 60px rgba(89, 67, 35, 0.12);
  --pf-shadow-gold: 0 0 0 3px rgba(232, 160, 43, 0.18);

  /* === CONTAINER === */
  --pf-container: min(1200px, 92vw);
  --pf-container-narrow: min(880px, 92vw);

  /* === TYPOGRAFI === */
  --pf-ff-display: 'Inter Tight', 'Archivo Black', 'Oswald', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --pf-ff-body: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --pf-ff-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace;
}