/*
 * ARIA Theme: Mondlicht & Natur
 * Warm gold, sage green, creamy whites — grounded and luminous.
 */

/* Fonts werden über css/fonts.css lokal geladen */

:root {
  /* ── Farben ── */
  --color-primary:      #c9a84c;
  --color-primary-rgb:  201, 168, 76;
  --color-bg:           #faf7f0;
  --color-accent:       #8aad8e;
  --color-accent-rgb:   138, 173, 142;
  --color-dark:         #2d2010;
  --color-text:         #3a2e1a;
  --color-text-soft:    #7a6b4f;
  --color-card:         rgba(201, 168, 76, 0.07);
  --color-card-hover:   rgba(201, 168, 76, 0.13);
  --color-border:       rgba(201, 168, 76, 0.22);
  --color-border-focus: rgba(201, 168, 76, 0.6);
  --color-surface:      #f5f0e8;
  --color-success:      #7aaa7e;
  --color-warning:      #d4a84b;
  --color-danger:       #c47b5a;
  --color-overlay:      rgba(45, 32, 16, 0.5);

  /* ── Schriften ── */
  --font-heading: 'Cormorant Garamond', Georgia, serif;
  --font-body:    'DM Sans', system-ui, sans-serif;

  /* ── Radii ── */
  --radius-xs:  4px;
  --radius-sm:  8px;
  --radius-md:  16px;
  --radius-lg:  24px;
  --radius-xl:  32px;
  --radius-full: 9999px;

  /* ── Schatten ── */
  --shadow-sm:  0 1px 3px rgba(45, 32, 16, 0.08),
                0 1px 2px rgba(45, 32, 16, 0.05);
  --shadow-md:  0 4px 16px rgba(45, 32, 16, 0.10),
                0 2px 6px  rgba(45, 32, 16, 0.06);
  --shadow-lg:  0 12px 40px rgba(45, 32, 16, 0.14),
                0 4px 12px rgba(45, 32, 16, 0.08);
  --shadow-glow: 0 0 24px rgba(201, 168, 76, 0.25);

  /* ── Übergänge ── */
  --transition: 0.2s ease;
  --transition-slow: 0.4s ease;

  /* ── Spacing ── */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;

  /* ── Theme-spezifisch ── */
  --nav-bg:        #f0e8d4;
  --nav-border:    rgba(201, 168, 76, 0.25);
  --header-bg:     #f5f0e6;
  --input-bg:      #fff;
  --input-border:  rgba(201, 168, 76, 0.3);
  --scrollbar-thumb: rgba(201, 168, 76, 0.35);
  --badge-bg:      rgba(201, 168, 76, 0.15);
  --moon-glow:     radial-gradient(ellipse at 70% 20%, rgba(201,168,76,0.12) 0%, transparent 60%);
}