/* ============================================
   Design-Tokens «Swiss Clean» (Konzept Stefan 09.11.2026)
   Die einzige Datei mit Farbwerten: Typografie, Raster und genau eine Farbe (Schweizer Rot).
   Hell ist Standard, dunkel über data-theme="dark" auf <html> (Umschalter, pro Gerät gemerkt).
   app.css bildet die bisherigen Namen (--bg-primary, --text-secondary …) auf diese Tokens ab.
   ============================================ */

/* Inter selbst gehostet (Box im Schützenhaus ohne Internet): eine variable Datei für alle Gewichte, OFL (inter-OFL.txt) */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/schriften/InterVariable.woff2") format("woff2");
}

:root {
  /* Farben – Hell (Standard) */
  --bg: #F2F2EF;
  --surface: #FFFFFF;
  --surface-2: #E9E9E5;
  --border: #DCDCD6;
  --ink: #111111;
  --muted: #55554F;
  --accent: #D52B1E;
  --accent-hover: #B32317;
  --on-accent: #FFFFFF;
  --accent-soft: #FCEDEB;
  --warn: #9A4A00;
  --warn-soft: #FBEFDF;
  --success: #1E7F4E;
  --success-soft: #E4F2EA;
  --danger: #B42318;
  --danger-soft: #FCEDEB;
  /* Disziplin Pistole (Gewehr = --accent): Kasse, Erfassung, Stichliste - neue Disziplinen (Luftgewehr …) bekommen hier ihre Farbe */
  --pistole: #1F5BC6;
  --pistole-soft: #E8EFFB;
  /* Medaillen-Punkte (nie als Textfarbe einer Zahl) */
  --gold: #C9A227;
  --silber: #9CA3AF;
  --bronze: #B87333;

  /* Typografie */
  --font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;
  --tracking-tight: -0.02em;

  /* Abstände */
  --space-1: 4px;  --space-2: 8px;  --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px; --space-7: 40px;

  /* Touch-Grössen */
  --touch-min: 56px;  /* jedes Touch-Ziel am Terminal */
  --touch-l: 72px;    /* sekundäre Aktionen, Stepper */
  --touch-xl: 96px;   /* Bezahl-Buttons */
  --tile-h: 132px;
  --bon-w: 600px;

  /* Radien */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 8px;
  --radius-full: 9999px;

  /* Papier (Vorschau von Kranzkarte und Bon, Druck): immer hell, auch im Dunkel-Modus */
  --paper: #FFFFFF;
  --paper-2: #F2F2F2;
  --paper-ink: #111111;
  --paper-muted: #55554F;
  --paper-border: #DCDCD6;

  /* Abdunkeln hinter Fenstern */
  --overlay: rgba(17, 17, 17, 0.45);

  /* Neutrale Skala für ältere Stellen, die noch direkt --gray-… verwenden (wird schrittweise ersetzt) */
  --gray-50: #FAFAF8;  --gray-100: #F2F2EF; --gray-200: #E9E9E5; --gray-300: #DCDCD6; --gray-400: #A9A9A3;
  --gray-500: #7A7A73; --gray-600: #55554F; --gray-700: #333331; --gray-800: #242424; --gray-900: #191919; --gray-950: #0E0E0E;

  color-scheme: light;
}

[data-theme="dark"] {
  --bg: #0E0E0E;
  --surface: #191919;
  --surface-2: #242424;
  --border: #333331;
  --ink: #F5F5F2;
  --muted: #A9A9A3;
  --accent: #F04438;          /* bewusst heller als im Hell-Theme */
  --accent-hover: #F26157;
  --on-accent: #FFFFFF;       /* auf accent nur grosse/fette Schrift */
  --accent-soft: rgba(240, 68, 56, 0.13);
  --warn: #F2B84B;
  --warn-soft: rgba(242, 184, 75, 0.12);
  --success: #2FA866;
  --success-soft: rgba(47, 168, 102, 0.14);
  --danger: #F97066;
  --danger-soft: rgba(249, 112, 102, 0.13);
  --pistole: #6AA0F2;
  --pistole-soft: rgba(106, 160, 242, 0.14);
  --overlay: rgba(0, 0, 0, 0.6);

  color-scheme: dark;
}