/* ==========================================================================
   Prof.Tax Design-System – Tokens (2.3.0)
   Einzige Stelle mit Farbwerten. Alle anderen Stylesheets nutzen var(--…).
   Kanzlei: <html data-kanzlei="pt">  (Standard, Salbeigrün, Prof.Tax)
            <html data-kanzlei="gup"> (Blautöne, Dr. Große und Partner)
   Kein Dark-Mode: das Portal bleibt hell (color-scheme: light).
   Doku: docs/design-system.md · Musterseite: media/com_proftax/ds/muster.html
   ========================================================================== */

/* ---------- Schriften (lokal, keine externen Requests) ---------- */
@font-face{
  font-family:"DM Sans";
  src:url("fonts/DMSans-var-latin.woff2") format("woff2-variations"),
      url("fonts/DMSans-var-latin.woff2") format("woff2");
  font-weight:400 700; font-style:normal; font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2190-2193,U+2212;
}
@font-face{
  font-family:"DM Serif Display";
  src:url("fonts/DMSerifDisplay-400-latin.woff2") format("woff2");
  font-weight:400; font-style:normal; font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2190-2193,U+2212;
}

:root{
  color-scheme:light;

  /* ---------- Marke (Prof.Tax, Salbeigrün) ---------- */
  --pt-primary:#5A7A54;        /* Links, aktive Zustände, Fokus */
  --pt-primary-dark:#3A5233;   /* Primärbutton, Überschriften, KPI-Werte */
  --pt-accent:#7D9D76;         /* Akzent: Eyebrow, Markierungen, Punkte */
  --pt-accent-2:#A8C0A7;       /* heller Akzent (Kopfzeile, Linienbetonung) */
  --pt-soft:#E6EDE3;           /* aktive Fläche, Badge-Standard */
  --pt-tint:#F3F6F1;           /* ruhige Fläche, Hover, Hinweis */
  --pt-line:#D0DECA;           /* Rahmen Karten/Felder (0,75 pt) */
  --pt-line-soft:#E4EBE0;      /* Tabellen-Zwischenlinien */
  --pt-muted:#6B7F64;          /* Sekundärtext */
  --pt-text:#2C332A;           /* Fließtext */
  --pt-text-2:#4A5647;         /* abgeschwächter Fließtext */
  --pt-bg:#EEF2EB;             /* Seitenhintergrund */
  --pt-surface:#FFFFFF;        /* Karten, Felder */
  --pt-on-primary:#FFFFFF;     /* Text auf Primärflächen */

  /* Kopfzeile / dunkle Flächen */
  --pt-head:#1A1A1A;
  --pt-head-2:#262626;         /* Felder in der Kopfzeile */
  --pt-head-line:#3A3A3A;
  --pt-head-text:#F2F5F0;
  --pt-head-muted:#A9B7A5;

  /* ---------- Status (kanzleiunabhängig) ---------- */
  --ok:#36702B;   --ok-bg:#E3F0DF;
  --warn:#8A5522; --warn-bg:#FAF2E9; --warn-line:#E4CFB4;
  --crit:#B23A2E; --crit-bg:#F7ECEA;
  --info:#1A6B9A; --info-bg:#E6F0F7;

  /* Diagrammreihen (Immobilienrechner u. a.) */
  --chart-1:#4A8A3C; --chart-2:#2E86C1; --chart-3:#B0862F;

  /* ---------- Typografie ---------- */
  --font-sans:"DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-serif:"DM Serif Display",Georgia,"Iowan Old Style","Times New Roman",serif;
  --font-mono:ui-monospace,SFMono-Regular,"Cascadia Mono",Consolas,"Liberation Mono",monospace;
  --fs-1:.6875rem;   /* 11 px  – Eyebrow, Badge, Tabellenkopf */
  --fs-2:.8125rem;   /* 13 px  – Meta, Hinweise, Tabellen, kleine Buttons */
  --fs-3:.90625rem;  /* 14,5 px – Fließtext, Felder, Buttons */
  --fs-4:1.0625rem;  /* 17 px  – Kartentitel, Dialogtitel */
  --fs-5:1.25rem;    /* 20 px  – Abschnittstitel */
  --fs-6:1.5rem;     /* 24 px  – Seitentitel, KPI-Wert */
  --lh:1.5; --lh-tight:1.2;
  --fw-regular:400; --fw-medium:500; --fw-semibold:600; --fw-bold:700;
  --tracking-caps:.08em;

  /* ---------- Abstände (4er-Raster) ---------- */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px; --sp-7:32px; --sp-8:48px;

  /* ---------- Form ---------- */
  --line-w:.75pt;              /* Kartenrahmen 0,75 pt */
  --radius-s:6px;              /* Buttons, Felder */
  --radius:10px;               /* Karten, Kacheln */
  --radius-l:14px;             /* Dialoge */
  --radius-pill:999px;
  --shadow-1:0 1px 2px rgba(28,28,26,.05), 0 8px 24px -16px rgba(28,28,26,.25);
  --shadow-2:0 20px 60px -20px rgba(0,0,0,.5);
  --shadow-up:0 -6px 20px -14px rgba(28,28,26,.35);
  --scrim:rgba(28,28,26,.5);
  --focus:var(--pt-primary);
  --sz-tinte:#1A1A1A;           /* 2.6.0: Stiftfarbe der Unterschrift (Signierseite, beide Kanzleien) */
  --tap:44px;                  /* Mindestgröße Touch-Ziel */

  /* ---------- Layout ---------- */
  --head-h:58px;
  --nav-w:232px;
  --bottomnav-h:60px;
  --content-max:1280px;
  --z-head:40; --z-nav:50; --z-toast:60; --z-overlay:70; --z-modal:80;
  --safe-b:env(safe-area-inset-bottom,0px);
  --safe-t:env(safe-area-inset-top,0px);
}

/* ---------- Dr. Große und Partner (gup): Blautöne ---------- */
[data-kanzlei="gup"]{
  --pt-primary:#2F7FB5;
  --pt-primary-dark:#005A9A;
  --pt-accent:#4F95C4;
  --pt-accent-2:#B6CBD8;
  --pt-soft:#DDEAF4;
  --pt-tint:#F5F8FB;
  --pt-line:#C8DBE8;
  --pt-line-soft:#E1EBF2;
  --pt-muted:#4A6A85;
  --pt-text:#1E2B36;
  --pt-text-2:#3D5366;
  --pt-bg:#EDF4F9;
  --pt-head:#001E35;
  --pt-head-2:#0B2C47;
  --pt-head-line:#1C3D5A;
  --pt-head-text:#EEF4F9;
  --pt-head-muted:#9FB6C8;
}