/* ============================================================
   viSales Warm Tech — Design Tokens
   Quelle: /mnt/Claude/visales-warm-tech.design.md (canonical)
   Generiert: 2026-04-22
   Nicht händisch editieren — Änderungen in der design.md vornehmen.
   ============================================================ */

:root {
  /* Primärfarben */
  --vs-primary:          #f97316;
  --vs-accent:           #0891b2;

  /* Dark-Varianten (WCAG-AA für CTAs, Links, Buttons) */
  --vs-primary-dark:     #c2410c;
  --vs-accent-dark:      #065f73;

  /* Text-Abstufungen */
  --vs-text-heading:     #1a1a1a;
  --vs-text-body:        #555555;
  --vs-text-description: #888888;
  --vs-text-secondary:   #999999;
  --vs-text-tertiary:    #bbbbbb;
  --vs-text-muted:       #aaaaaa;
  --vs-text-disabled:    #cccccc;

  /* Hintergründe */
  --vs-bg-canvas:        #ffffff;
  --vs-bg-neutral:       #fafafa;
  --vs-bg-primary-tint:  #fff8f4;
  --vs-bg-accent-tint:   #f0fdfe;

  /* Rahmen und Trennlinien */
  --vs-border-card:      #f0f0f0;
  --vs-border-inner:     #e5e5e5;
  --vs-border-inner-alt: #e8e8e8;
  --vs-border-primary:   #fbd5bc;
  --vs-border-accent:    #a5f0f9;
  --vs-border-muted:     #e0e0e0;

  /* Radien */
  --vs-rounded-xs:       2px;
  --vs-rounded-sm:       3px;
  --vs-rounded-md:       8px;
  --vs-rounded-lg:       10px;
  --vs-rounded-xl:       12px;

  /* Spacing */
  --vs-spacing-xs:       4px;
  --vs-spacing-sm:       10px;
  --vs-spacing-md:       16px;
  --vs-spacing-lg:       20px;
  --vs-spacing-xl:       26px;

}