/* Archer's Companion – Brand Tokens (Die Farben der Scheibe), Stand 2026-09-26
   Einbinden: <html data-ac-app="training|verein|simulation|admin|spiegel|website"> */
:root {
  /* Neutrale (von der Website ac-home übernommen) */
  --ac-ink: #171B19;       --ac-ink-rgb: 23 27 25;
  --ac-ink-80: #2A302C;
  --ac-graphite: #4A514C;
  --ac-grey: #696E65;
  --ac-line: #D8D9CF;
  --ac-mist: #EBECE3;
  --ac-paper: #F4F2E9;     --ac-paper-rgb: 244 242 233;
  --ac-white: #FFFFFF;

  /* Ringfarben: Fläche (Icon, Buttons, dunkle Gründe) und Text (Schrift auf Papier, >= 4,5:1) */
  --ac-gold: #ECCC55;      --ac-gold-rgb: 236 204 85;   --ac-gold-text: #7A5F00;
  --ac-red: #D9483B;       --ac-red-rgb: 217 72 59;     --ac-red-text: #B3261E;
  --ac-blue: #0EA5E9;      --ac-blue-rgb: 14 165 233;   --ac-blue-text: #0369A1;
  --ac-black-icon-vane: #8C938E;

  /* Stufen (500 = Fläche, 700 = Text). Für Text auf Papier nur 700 und dunkler. */
  --ac-gold-50: #F3EEDE; --ac-gold-100: #F2E9D0; --ac-gold-200: #F0E2BA; --ac-gold-300: #EFDA9E; --ac-gold-400: #EDD27B; --ac-gold-500: #ECCC55; --ac-gold-600: #BEA23C; --ac-gold-700: #7A5F00; --ac-gold-800: #68520A; --ac-gold-900: #564410;
  --ac-red-50: #F1E6DD; --ac-red-100: #EED7CF; --ac-red-200: #E8BEB6; --ac-red-300: #E3A098; --ac-red-400: #DD786F; --ac-red-500: #D9483B; --ac-red-600: #C73A2F; --ac-red-700: #B3261E; --ac-red-800: #99231D; --ac-red-900: #7E201B;
  --ac-blue-50: #E7EAE9; --ac-blue-100: #D7E2E9; --ac-blue-200: #BBD4E9; --ac-blue-300: #99C5E9; --ac-blue-400: #68B3E9; --ac-blue-500: #0EA5E9; --ac-blue-600: #098BC9; --ac-blue-700: #0369A1; --ac-blue-800: #0B5A8A; --ac-blue-900: #104B71;

  /* Schrift */
  --ac-font-body: "Manrope", ui-sans-serif, system-ui, sans-serif;
  --ac-font-numeric: "Barlow", "Arial Narrow", ui-sans-serif, sans-serif;

  /* Bewegung */
  --ac-motion-start: 1400ms;
  --ac-motion-confirm: 600ms;
  --ac-motion-switch: 900ms;
  --ac-motion-loading-turn: 1200ms;

  /* Standard: Training / Gold */
  --ac-accent: var(--ac-gold);
  --ac-accent-rgb: var(--ac-gold-rgb);
  --ac-accent-text: var(--ac-gold-text);
  --ac-accent-button: var(--ac-gold);
  --ac-accent-on-button: var(--ac-ink);
  --ac-accent-vane: var(--ac-gold);
}

[data-ac-app="training"], [data-ac-app="spiegel"], [data-ac-app="website"] {
  --ac-accent: var(--ac-gold); --ac-accent-rgb: var(--ac-gold-rgb); --ac-accent-text: var(--ac-gold-text);
  --ac-accent-button: var(--ac-gold); --ac-accent-on-button: var(--ac-ink); --ac-accent-vane: var(--ac-gold);
}
[data-ac-app="verein"] {
  --ac-accent: var(--ac-red); --ac-accent-rgb: var(--ac-red-rgb); --ac-accent-text: var(--ac-red-text);
  --ac-accent-button: var(--ac-red-text); --ac-accent-on-button: var(--ac-white); --ac-accent-vane: var(--ac-red);
}
[data-ac-app="simulation"] {
  --ac-accent: var(--ac-blue); --ac-accent-rgb: var(--ac-blue-rgb); --ac-accent-text: var(--ac-blue-text);
  --ac-accent-button: var(--ac-blue); --ac-accent-on-button: var(--ac-ink); --ac-accent-vane: var(--ac-blue);
}
[data-ac-app="admin"] {
  --ac-accent: var(--ac-ink); --ac-accent-rgb: var(--ac-ink-rgb); --ac-accent-text: var(--ac-ink);
  --ac-accent-button: var(--ac-ink); --ac-accent-on-button: var(--ac-paper); --ac-accent-vane: var(--ac-black-icon-vane);
}