/*
Theme Name:        Zeitlos Bestattungen
Theme URI:         https://www.herford-bestatter.de/
Author:            Bestattungen Zeitlos GmbH
Author URI:        https://www.herford-bestatter.de/
Description:       Modernes, warmes Theme im Glass-Stil für das Bestattungshaus Zeitlos in Herford. Erdtöne, Cormorant Garamond für Überschriften, Inter für Fließtext, weiche Layer-Shadows und dezent driftende Radial-Gradients.
Version:           1.0.0
Requires at least: 6.0
Tested up to:      6.7
Requires PHP:      7.4
License:           GPL v2 or later
License URI:       https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:       zeitlos
Tags:              custom-colors, custom-menu, custom-logo, featured-images, threaded-comments, translation-ready, block-styles, wide-blocks
*/

/* ============================================================
   Design Tokens — warme Erdtöne (Bestatter-Vibe)
   abgeleitet aus zeitlos-andenken; Layer-Effekte aus begleiter
   ============================================================ */
:root {
  /* Surface / Background */
  --color-bg:           #F5F1EA;   /* warmes Beige Hintergrund */
  --color-bg-alt:       #EDE6DB;   /* leicht abgedunkelt */
  --color-bg-deep:      #E4DAC8;   /* noch dunkler für Akzent-Flächen */
  --color-surface:      #FFFFFF;   /* Card / Glas-Surface */
  --color-surface-soft: #FAF6EF;

  /* Text */
  --color-text:         #2A2520;
  --color-text-soft:    #5C534A;
  --color-text-muted:   #8B7F70;

  /* Brand — Marineblau #17174e auf warmer Creme-Basis */
  --color-accent:       #17174e;   /* tiefes Marineblau (Brand-Akzent) */
  --color-accent-dark:  #0d0d36;
  --color-accent-light: #3a3a78;
  --color-line:         #D9D1C3;   /* warme Linie bleibt für Trennlinien */

  /* Feedback */
  --color-emergency:    #A85C4A;   /* Notfall / 24h */
  --color-success:      #6B8E5A;
  --color-warning:      #BF9A5C;

  /* Radial-Gradient-Layer */
  --bg-radial-accent:  rgba(23, 23, 78, 0.08);
  --bg-radial-soft:    rgba(58, 58, 120, 0.06);
  --bg-radial-warm:    rgba(244, 232, 213, 0.60);
  --bg-radial-subtle:  rgba(255, 255, 255, 0.55);

  /* Typografie */
  --ff-heading: 'Cormorant Garamond', 'Cormorant', 'Times New Roman', Georgia, serif;
  --ff-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;

  --fs-base:   17px;
  --fs-small:  14px;
  --fs-tiny:   12px;
  --lh-body:   1.7;
  --lh-heading: 1.18;

  --ls-wide:  0.1em;
  --ls-title: 0.01em;

  /* Spacing */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  16px;
  --space-4:  24px;
  --space-5:  32px;
  --space-6:  48px;
  --space-7:  64px;
  --space-8:  96px;
  --space-9:  120px;
  --space-10: 160px;

  /* Layout */
  --container-max:     1280px;
  --container-narrow:  920px;
  --container-text:    720px;
  --section-py:        var(--space-9);
  --section-py-mobile: var(--space-7);

  /* Breakpoints – informativ, real per @media unten */
  --bp-sm:  576px;
  --bp-md:  768px;
  --bp-lg:  992px;
  --bp-xl:  1200px;
  --bp-xxl: 1440px;

  /* Effekte */
  --radius-s:  4px;
  --radius-m:  10px;
  --radius-l:  18px;
  --radius-xl: 24px;
  --radius-pill: 999px;

  --shadow-soft:  0 2px 24px rgba(23, 23, 78, 0.06);
  --shadow-hover: 0 8px 40px rgba(23, 23, 78, 0.10);
  --shadow-card-glass:
    0 1px 0 rgba(255, 255, 255, 0.7) inset,
    0 30px 60px -32px rgba(23, 23, 78, 0.22),
    0 4px 12px -4px rgba(23, 23, 78, 0.08);
  --shadow-hover-glass:
    0 1px 0 rgba(255, 255, 255, 0.8) inset,
    0 40px 80px -32px rgba(23, 23, 78, 0.30),
    0 8px 18px -6px rgba(23, 23, 78, 0.14);

  --shadow-btn:
    0 1px 0 rgba(255, 255, 255, 0.20) inset,
    0 12px 24px -10px rgba(23, 23, 78, 0.40);

  /* Transitions */
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
  --t-fast:   180ms var(--ease-out);
  --t-base:   400ms var(--ease-out);
  --t-slow:   700ms var(--ease-out);

  /* Z-Index */
  --z-notfall: 80;
  --z-header:  100;
  --z-overlay: 200;
  --z-modal:   300;
}

/* style.css enthält nur das Theme-Header und Design-Tokens.
   Der eigentliche Style liegt in /assets/css/main.css, wird per
   wp_enqueue_style() geladen (siehe inc/enqueue.php).
   Diese Datei darf nicht entfernt werden — WordPress identifiziert
   das Theme darüber. */