/**
 * Design Tokens: Deubner Homepage Services
 *
 * Zentrale Definition aller CSS Custom Properties.
 * Wird vor allen anderen Admin-Stylesheets geladen.
 *
 * @package Deubner Homepage-Service
 * @since   0.8.0
 */

:root {
  /* -------------------------------------------------------
   * Deubner Verlag Primaerfarben
   * Abgeleitet von https://www.deubner-steuern.de/
   * ------------------------------------------------------- */
  --dhps-color-steuern:       #0AA245;
  --dhps-color-steuern-hover: #077231;
  --dhps-color-steuern-dark:  #055022;
  --dhps-color-steuern-light: #e8f5ed;
  --dhps-color-recht:         #0054A6;
  --dhps-color-recht-hover:   #003A73;
  --dhps-color-recht-dark:    #002D5A;
  --dhps-color-recht-light:   #e8f0f8;
  --dhps-color-medizin:       #0097a7;
  --dhps-color-medizin-light: #e0f2f1;

  /* Semantische Farben */
  --dhps-color-primary:       var(--dhps-color-steuern);
  --dhps-color-primary-hover: var(--dhps-color-steuern-hover);
  --dhps-color-success:       #0AA245;
  --dhps-color-warning:       #E88300;
  --dhps-color-danger:        #C60202;
  --dhps-color-danger-hover:  #940101;
  --dhps-color-info:          #1E73BE;

  /* Neutrale Farben (Deubner-konform) */
  --dhps-color-text:          #333333;
  --dhps-color-text-light:    #555555;
  --dhps-color-text-muted:    #777777;
  --dhps-color-meta:          #999999;
  --dhps-color-bg:            #f5f5f5;
  --dhps-color-bg-alt:        #f2f2f2;
  --dhps-color-bg-white:      #ffffff;
  --dhps-color-border:        #dddddd;

  /* Zusaetzliche Farben */
  --dhps-color-pink:          #E35899;
  --dhps-color-pink-light:    #fceff5;
  --dhps-color-orange:        #E88300;
  --dhps-color-orange-light:  #fef5ea;
  --dhps-color-wp-blue:       #007cba;
  --dhps-color-wp-blue-light: #c6e0ef;
  --dhps-color-warning-light: #fef5ea;
  --dhps-color-info-light:    #ecf8fe;
  --dhps-color-danger-light:  #fbebed;
  --dhps-color-badge-neu:     #E85938;
  --dhps-color-badge-aktion:  #E88300;
  --dhps-color-badge-top:     #2ABDBF;

  /* -------------------------------------------------------
   * Typografie (Deubner: Lato + Lora)
   * ------------------------------------------------------- */
  --dhps-font-family:         "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --dhps-font-family-serif:   "Lora", Georgia, "Times New Roman", Times, serif;
  --dhps-fs-xs:               0.6875rem;
  --dhps-fs-sm:               0.8125rem;
  --dhps-fs-base:             0.875rem;
  --dhps-fs-md:               1rem;
  --dhps-fs-lg:               1.1875rem;
  --dhps-fs-xl:               1.5rem;
  --dhps-fs-2xl:              1.625rem;

  /* Spacing */
  --dhps-space-xxs:           4px;
  --dhps-space-xs:            6px;
  --dhps-space-sm:            8px;
  --dhps-space-s:             12px;
  --dhps-space-md:            16px;
  --dhps-space-lg:            24px;
  --dhps-space-xl:            32px;
  --dhps-space-2xl:           48px;

  /* Grid */
  --dhps-grid-margin:         var(--dhps-space-sm);
  --dhps-grid-gap:            20px;

  /* -------------------------------------------------------
   * Formular-Inputs (Admin)
   * ------------------------------------------------------- */
  --dhps-input-bg:              #ffffff;
  --dhps-input-color:           var(--dhps-color-text);
  --dhps-input-border:          var(--dhps-color-border);

  /* -------------------------------------------------------
   * Radien & Schatten (Deubner: scharfe Kanten)
   * ------------------------------------------------------- */
  --dhps-radius:              0;
  --dhps-radius-sm:           0;
  --dhps-radius-lg:           0;
  --dhps-border:              1px solid var(--dhps-color-border);
  --dhps-shadow:              0 0 5px 0 rgba(0,0,0,0.18);
  --dhps-shadow-md:           0 0 8px 0 rgba(0,0,0,0.22);
  --dhps-shadow-hover:        0 0 12px 0 rgba(0,0,0,0.25);
}