/* ============================================================
   dr. fuxx · Design-Tokens (verbindliche Quelle: ci-drfuxx-2_0.pdf,
   Corporate Identity / Design-System 2.0)
   Eine Quelle für alle Redesign-Stylesheets. Bestehende Präfixe
   (--rd-*, --rdp-*, --rds-*) werden unten als Aliasse gemappt.
   ============================================================ */

:root {
  /* ---- 03 Farbwelt · Primär / Marke ---- */
  --fx-violet: #7B42F6;        /* Violett */
  --fx-violet-hell: #9D5BFF;   /* Violett hell */
  --fx-violet-tief: #5B2FD6;   /* Violett tief (Text auf hell) */
  --fx-violet-wash: #EFE7FF;   /* Violett Wash */

  /* ---- Akzent · Amber & Neutral ---- */
  --fx-amber: #E8A23D;
  --fx-amber-tief: #B5781F;
  --fx-ink: #1B1922;
  --fx-muted: #6E6878;
  --fx-quiet: #9A93A2;

  /* ---- Flächen · Creme & Sand ---- */
  --fx-creme-2: #FBF7F1;
  --fx-creme: #F6F2EC;
  --fx-sand: #ECE2D3;
  --fx-choco: #3A2A1C;

  /* ---- Linien ---- */
  --fx-line: rgba(27, 25, 34, .10);
  --fx-line-2: rgba(27, 25, 34, .055);

  /* ---- 04 Gradients (pro Sektion EIN Verlauf, keine harten Kanten) ---- */
  --fx-grad-hero-taupe: linear-gradient(160deg, #D0C3A8 0%, #8D7A57 100%);      /* Produkt-Hero / Kacheln */
  --fx-grad-cappuccino: linear-gradient(160deg, #856949 0%, #3C2A1B 100%);      /* Prozess-Blöcke */
  --fx-grad-sky-sunrise: linear-gradient(160deg, #C5D2DD 0%, #ECE1A0 100%);     /* Behandlungs-Slider */
  --fx-grad-clay: linear-gradient(160deg, #C18E72 0%, #B9866B 100%);            /* Inhalts-Boxen */
  --fx-grad-premium-dark: radial-gradient(60% 45% at 70% 8%, rgba(157, 91, 255, .28), transparent 60%),
                          linear-gradient(165deg, #241B14 0%, #3A2A1C 100%);    /* dunkle Premium-Blöcke + Violett-Glow */
  --fx-glow-violet-wash: radial-gradient(40% 30% at 92% -6%, #EADBFF 0%, rgba(234, 219, 255, 0) 60%); /* Hintergrund-Glow */

  /* ---- 06 UI · Radien & Schatten ---- */
  --fx-r-s: 18px;    /* Inputs, kleine Karten */
  --fx-r-m: 26px;    /* Standard-Karten */
  --fx-r-l: 34px;    /* große Blöcke / Hero */
  --fx-shadow: 0 18px 44px -22px rgba(27, 25, 34, .30);
  --fx-shadow-btn-violet: 0 18px 38px -18px rgba(123, 66, 246, .7);

  /* ---- 05 Typografie ---- */
  --fx-font-display: 'Hanken Grotesk', system-ui, sans-serif;  /* 700/800, Tracking -0.02em */
  --fx-font-body: 'Inter', system-ui, sans-serif;              /* 400/500/600, lh ~1.55 */
  --fx-tracking-display: -0.02em;
  --fx-display: 3.6rem;
  --fx-headline: 2.4rem;
  --fx-subhead: 1.4rem;
  --fx-body: 1.05rem;
  --fx-lh-body: 1.55;

  /* ---- Aliasse für bestehende Stylesheets ---- */
  /* dashboard.css (--rd-*) / pages.css (--rds-*) / portal.css (--rdp-*) / questionnaire.css */
  --rd-violet: var(--fx-violet);      --rdp-violet: var(--fx-violet);      --rds-violet: var(--fx-violet);
  --rd-violet-2: var(--fx-violet-hell); --rdp-violet-2: var(--fx-violet-hell); --rds-violet-2: var(--fx-violet-hell);
  --rd-violet-ink: var(--fx-violet-tief); --rdp-violet-ink: var(--fx-violet-tief); --rds-violet-ink: var(--fx-violet-tief);
  --rd-violet-wash: var(--fx-violet-wash); --rdp-violet-wash: var(--fx-violet-wash); --rds-violet-wash: var(--fx-violet-wash);
  --rd-ink: var(--fx-ink);   --rdp-ink: var(--fx-ink);   --rds-ink: var(--fx-ink);
  --rd-muted: var(--fx-muted); --rdp-muted: var(--fx-muted); --rds-muted: var(--fx-muted);
  --rd-quiet: var(--fx-quiet); --rdp-quiet: var(--fx-quiet);
  --rd-line: var(--fx-line); --rdp-line: var(--fx-line); --rds-line: var(--fx-line);
  --rd-line-2: var(--fx-line-2); --rdp-line-2: var(--fx-line-2); --rds-line-2: var(--fx-line-2);
  --rd-amber-2: var(--fx-amber); --rdp-amber-2: var(--fx-amber);
  --rd-r: var(--fx-r-s); --rd-r-lg: var(--fx-r-m); --rd-r-xl: var(--fx-r-l);
  --rdp-r: var(--fx-r-s); --rdp-r-lg: var(--fx-r-m);
  --rds-r-lg: var(--fx-r-m);
  --rd-shadow-card: var(--fx-shadow); --rdp-shadow-card: var(--fx-shadow); --rds-shadow-card: var(--fx-shadow);
  --rd-font-display: var(--fx-font-display); --rdp-display: var(--fx-font-display); --rds-display: var(--fx-font-display);
  --rd-font-body: var(--fx-font-body); --rdp-body: var(--fx-font-body); --rds-body: var(--fx-font-body);
  --rd-cream: var(--fx-creme); --rdp-cream: var(--fx-creme); --rds-cream: var(--fx-creme);
  --rd-cream-2: var(--fx-creme-2); --rdp-cream-2: var(--fx-creme-2); --rds-cream-2: var(--fx-creme-2);
}

/* ---- CI-Basisregeln für alle Redesign-Flächen ---- */
/* Body 1.05rem / lh 1.55 (CI 05) in Inhaltsbereichen der Skins */
body.user-dashboard-page .flex-grow,
.main_content {
  font-size: var(--fx-body);
  line-height: var(--fx-lh-body);
}
/* Display-Tracking −0.02em (CI 05) */
body.user-dashboard-page h1, body.user-dashboard-page h2, body.user-dashboard-page h3,
.main_content h1, .main_content h2, .main_content h3,
.main-content h1, .main-content h2, .main-content h3, .main-content h4 {
  letter-spacing: var(--fx-tracking-display) !important;
}

/* ---- CI-Wunsch: keine Link-Unterstreichungen irgendwo ---- */
a, a:link, a:visited, a:hover, a:focus, a:active {
  text-decoration: none !important;
}