/* =========================================================================
   ServiceHub — Odoo-grade Token-Skala (KEYSTONE der Odoo-Politur-Schicht).
   -------------------------------------------------------------------------
   REINER VARIABLEN-PROVIDER: nur :root-Custom-Properties, KEINE Selektor-
   Overrides. Gewinnt nichts in der Kaskade, stellt nur die kanonische Skala
   bereit, die die sh-odoo-*-Komponentenschichten konsumieren.
   Baut auf der Markenquelle var(--sh-brand)=#E73D25 auf (sh-tokens-brand.css).
   Konvention: alle neuen Tokens --sh-o-*  (o = Odoo-grade), klar getrennt von
   --elmetic-* / --sh-* / der Markenquelle. Quelle: Odoo-Audit 2026-06-04.
   ========================================================================= */
:root {
  /* ---- Abstands-Skala (4px-Basis, Odoo-dicht) ---- */
  --sh-o-space-0: 0;
  --sh-o-space-1: 4px;
  --sh-o-space-2: 8px;
  --sh-o-space-3: 12px;
  --sh-o-space-4: 16px;
  --sh-o-space-5: 24px;
  --sh-o-space-6: 32px;

  /* ---- Typo-Skala (kompakt, lesbar) ---- */
  --sh-o-font-xs: 11px;
  --sh-o-font-sm: 12.5px;
  --sh-o-font-md: 14px;
  --sh-o-font-lg: 16px;
  --sh-o-font-xl: 20px;
  --sh-o-lh-tight: 1.3;
  --sh-o-lh-body: 1.45;
  --sh-o-fw-reg: 400;
  --sh-o-fw-med: 500;
  --sh-o-fw-semi: 600;

  /* ---- Radius-Skala (zart, crisp) ---- */
  --sh-o-radius-xs: 3px;
  --sh-o-radius-sm: 5px;
  --sh-o-radius-md: 8px;
  --sh-o-radius-lg: 12px;
  --sh-o-radius-pill: 999px;

  /* ---- Schatten-Skala (dezent, schichtweise) ---- */
  --sh-o-shadow-0: none;
  --sh-o-shadow-1: 0 1px 2px rgba(16, 24, 40, .06);
  --sh-o-shadow-2: 0 2px 6px rgba(16, 24, 40, .08);
  --sh-o-shadow-3: 0 8px 24px rgba(16, 24, 40, .12);
  --sh-o-ring-focus: 0 0 0 2px color-mix(in srgb, var(--sh-brand, #E73D25) 35%, transparent);

  /* ---- Neutrale & semantische Flächen ---- */
  --sh-o-surface: #ffffff;
  --sh-o-surface-soft: #f7f8fa;
  --sh-o-border: #e6e8ec;
  --sh-o-border-strong: #d0d4da;
  --sh-o-text: #1f2329;
  --sh-o-text-muted: #6b7280;

  /* semantisch — Warnung = Amber, NICHT Rot */
  --sh-o-warn: #b7791f;  --sh-o-warn-soft: #fff7e6;
  --sh-o-ok:   #2f855a;  --sh-o-ok-soft:   #ecfdf5;
  --sh-o-info: #2b6cb0;  --sh-o-info-soft: #eef4ff;
  --sh-o-honey:#92400e;  --sh-o-honey-soft:#fff3e0;
  --sh-o-danger:#c53030; --sh-o-danger-soft:#fdecec;

  /* Aktion bleibt Markenrot (single source) */
  --sh-o-action: var(--sh-brand, #E73D25);
  --sh-o-action-soft: color-mix(in srgb, var(--sh-brand, #E73D25) 10%, white);
}

/* Dark-Mode: neutrale Flächen/Text invertieren (semantische Soft-Töne bleiben tonal). */
[data-theme="dark"] {
  --sh-o-surface: #1e1a16;
  --sh-o-surface-soft: #241f1a;
  --sh-o-border: #2e2822;
  --sh-o-border-strong: #3a332b;
  --sh-o-text: #f6f1ec;
  --sh-o-text-muted: #b3a99e;
  --sh-o-warn-soft: rgba(183, 121, 31, .16);
  --sh-o-ok-soft: rgba(47, 133, 90, .16);
  --sh-o-info-soft: rgba(43, 108, 176, .16);
  --sh-o-honey-soft: rgba(146, 64, 14, .18);
  --sh-o-danger-soft: rgba(197, 48, 48, .18);
}