/* ==========================================================================
   Mancave Brand Tokens
   --------------------------------------------------------------------------
   Wird via <link rel="stylesheet"> nur auf Mancave-Domains geladen
   (my.mancave.design und Stages dev/alpha/beta). Definiert die semantischen
   Token-Werte, die von den brand-agnostischen Utility-Klassen in globals.css
   (z.B. .btn-primary, .text-accent, .border-primary) konsumiert werden.

   Source-Code referenziert NIE die konkreten Farben — nur die Utility-Klassen.
   Dadurch kann diese Datei bei Brand-Split isoliert mitgenommen oder
   ersetzt werden, ohne .tsx-Files anzufassen.
   ========================================================================== */

:root {
  /* Primary — Hauptinteraktionsfarbe (Buttons, Fokus, Selektion) */
  --color-primary: #02426d;
  --color-primary-hover: #4f2d1d;
  --color-primary-text: #f2fafe;
  --color-primary-hover-text: #fff8f3;

  /* Accent — Emphasis-Farbe (Links, Preise, Highlights) */
  --color-accent: #4f2d1d;
  --color-accent-hover: #02426d;

  /* Textfarben */
  --color-heading: #101820;
  --color-body-text: #101820;
  --color-text-secondary: #beccd9;
  --color-text-on-dark: #ffffff;
  --color-text-on-primary: #f2fafe;

  /* Borders */
  --color-border-secondary: #beccd9;

  /* Solid Surface-Backgrounds */
  --color-bg-secondary: #beccd9;
  --color-bg-dark: #101820;
  --color-bg-light: #f2fafe;

  /* Transparente Surface-Tints für subtile Hintergründe/Hover-States */
  --color-primary-subtle: rgba(2, 66, 109, 0.1);
  --color-primary-muted: rgba(2, 66, 109, 0.3);
  --color-accent-subtle: rgba(79, 45, 29, 0.1);
  --color-accent-muted: rgba(79, 45, 29, 0.3);

  /* Dark-Mode-Varianten für subtle Surface-Tints */
  --color-primary-subtle-dark: rgba(2, 66, 109, 0.3);
  --color-accent-subtle-dark: rgba(79, 45, 29, 0.3);

  /* Geometry */
  --radius-box: 2px;
  --radius-pill: 9999px;

  /* Typography — Headline-Block (Hero/Section-Titles) */
  --font-headline: var(--font-raleway), "Raleway", sans-serif;
  --font-headline-weight: 900;
  --font-headline-size: 1.8rem;
  --font-headline-transform: uppercase;
  --font-headline-spacing: -0.7px;

  /* Brand-Gradient (für Hero-/Product-Image-Fallback-Flächen) */
  --bg-gradient-brand: linear-gradient(
    155deg,
    #4f2d1d 7%,
    #101820 40%,
    #101820 60%,
    #02426d 100%
  );
}