/* ════════════════════════════════════════════════════════════════════════
 * WEB ANTON — Marken-Tokens für alle Server-Tools (Stand 2026-10-19)
 * Quelle: webanton.at (files/theme/css/webanton.css, --wa-*).
 *
 * Variablen heißen bewusst neutral --brand-*: Themes und eigene Apps
 * verwenden NUR diese Namen. Ein Markenwechsel ändert nur diese Datei.
 *
 *   Standard (:root)  = dunkel, wie die Website
 *   .brand-light      = hell, für Apps ohne Dunkelmodus (FreeScout, MainWP)
 *
 * Kontraste (WCAG): Text 17,5:1 · Akzent 12:1 · Button 19,8:1 · Muted 5,1:1
 * hell: Akzent #2a72ad 5,1:1 auf Weiß.
 * ════════════════════════════════════════════════════════════════════════ */

@font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 300; font-display: swap; src: url('/brand/fonts/ubuntu-300-latin.woff2') format('woff2'); }
@font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 400; font-display: swap; src: url('/brand/fonts/ubuntu-400-latin.woff2') format('woff2'); }
@font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 500; font-display: swap; src: url('/brand/fonts/ubuntu-500-latin.woff2') format('woff2'); }
@font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 700; font-display: swap; src: url('/brand/fonts/ubuntu-700-latin.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400 600; font-display: swap; src: url('/brand/fonts/inter-400-latin.woff2') format('woff2'); }
@font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 400 500; font-display: swap; src: url('/brand/fonts/jetbrains-mono-400-latin.woff2') format('woff2'); }

:root {
  /* Flächen */
  --brand-space:   #0a0a0c;               /* tiefste Fläche, App-Leisten */
  --brand-bg:      #101012;               /* Seitenhintergrund */
  --brand-alt:     #161619;
  --brand-surface: #1c1c20;               /* Karten, Panels */
  --brand-raised:  #232327;               /* Hover, Popover */
  --brand-line:    rgba(255, 255, 255, .10);
  --brand-line-strong: rgba(255, 255, 255, .18);

  /* Schrift */
  --brand-text:    #f5f5f7;
  --brand-text-2:  #b8b8be;
  --brand-muted:   #8c8c93;

  /* Akzent */
  --brand-accent:      #9fd3ff;           /* Links, Fokus, aktive Elemente */
  --brand-accent-deep: #4a9ee0;           /* Grafiken, Verläufe */
  --brand-accent-soft: rgba(159, 211, 255, .12);
  --brand-on-accent:   #0a0a0c;           /* Schrift auf Akzentflächen */
  --brand-button:      #ffffff;           /* Primär-Button wie auf der Website */
  --brand-on-button:   #0a0a0c;
  --brand-focus:       0 0 0 3px rgba(159, 211, 255, .35);

  /* Status */
  --brand-star:  #f5c451;
  --brand-ok:    #4ade80;
  --brand-error: #ff8a80;

  /* App-Kopfleiste: in beiden Varianten dunkel (Markenzeichen) */
  --brand-chrome:        #0a0a0c;
  --brand-chrome-raised: #1c1c20;
  --brand-on-chrome:     #f5f5f7;
  --brand-logo-chrome: url('/brand/logo/webanton-auf-dunkel.svg');

  /* Logo (Wortmarke) */
  --brand-logo: url('/brand/logo/webanton-auf-dunkel.svg');
  --brand-logo-grey: #919191;

  /* Typografie und Form */
  --brand-font-display: 'Ubuntu', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --brand-font-text:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --brand-font-mono:    'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  --brand-radius:      12px;
  --brand-radius-sm:   8px;
  --brand-radius-pill: 999px;

  color-scheme: dark;
}

/* Helle Variante für Apps ohne eigenen Dunkelmodus. */
.brand-light, :root.brand-light {
  --brand-space:   #ffffff;
  --brand-bg:      #f6f6f7;
  --brand-alt:     #efeff1;
  --brand-surface: #ffffff;
  --brand-raised:  #f0f0f2;
  --brand-line:    #e2e2e6;
  --brand-line-strong: #d4d4d8;
  --brand-text:    #0a0a0c;
  --brand-text-2:  #3a3a41;
  --brand-muted:   #6e6e73;
  --brand-accent:      #2a72ad;
  --brand-accent-deep: #215d8d;
  --brand-accent-soft: #e6f0f8;
  --brand-on-accent:   #ffffff;
  --brand-button:      #2a72ad;
  --brand-on-button:   #ffffff;
  --brand-focus:       0 0 0 3px rgba(42, 114, 173, .30);
  --brand-ok:    #17803d;
  --brand-error: #b42318;
  --brand-logo: url('/brand/logo/webanton-auf-hell.svg');
  --brand-logo-grey: #6e6e73;
  color-scheme: light;
}