/*
Theme Name:  Sparflamme
Theme URI:   https://sparflamme.de
Description: Sparflamme – Spartipps, Budget, Rezepte & Rechner mit hellem und dunklem Theme.
Version:     1.4.0
Author:      Sparflamme
Author URI:  https://sparflamme.de
Text Domain: sparflamme
Tags:        dark, custom-colors, custom-logo, featured-images, full-width-template, blog
*/

/* ===================================================
   DESIGN TOKENS – never touch these, use vars only
   =================================================== */
:root {
  /* Colours */
  --bg:            #22110F;
  --bg-card:       rgba(255, 246, 238, 0.07);
  --border-card:   rgba(255, 225, 206, 0.10);
  --orange:        #FF6B00;
  --orange-dark:   #FF4500;
  --gold:          #FFD700;
  --ring-track:    #4A3430;
  --text-primary:  #FFF6F0;
  --text-secondary:#C7B0A2;
  --text-muted:    rgba(255, 241, 230, 0.56);
  --glow-ambient:  rgba(255, 96, 28, 0.18);
  --header-bg:     rgba(31, 14, 16, 0.84);
  --header-bg-scrolled: rgba(31, 14, 16, 0.96);
  --header-border: rgba(255,238,228,0.07);
  --ghost-border:  rgba(255,228,208,0.20);
  --input-bg:      rgba(255,248,242,0.06);
  --input-border:  rgba(255,229,211,0.12);
  --surface-soft:  rgba(255,248,242,0.045);
  --surface-border:rgba(255,232,217,0.08);
  --page-glow-1:   rgba(255, 109, 38, 0.16);
  --page-glow-2:   rgba(255, 186, 108, 0.09);

  /* Gradients */
  --grad-fire:     linear-gradient(135deg, var(--orange), var(--orange-dark));
  --grad-ring:     linear-gradient(90deg, var(--orange), var(--gold));

  /* Spacing scale */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px;
  --sp-5: 20px; --sp-6: 24px; --sp-8: 32px; --sp-10: 40px;
  --sp-12: 48px; --sp-16: 64px; --sp-20: 80px; --sp-24: 96px;

  /* Typography */
  --font-base:  'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono:  'JetBrains Mono', 'Fira Code', monospace;

  /* Radii */
  --radius-sm:  8px;
  --radius-md:  16px;
  --radius-lg:  24px;
  --radius-pill:50px;

  /* Transitions */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --dur:  200ms;
}