/*
 * Barnim-Gymnasium Bernau — Design Tokens
 * Einzige Quelle für Farben, Typografie, Radien und Schatten.
 * Wird sowohl von den Jinja/FastAPI-Apps (als CSS Custom Properties)
 * als auch von der Astro/Tailwind-Website (via tailwind.config.mjs,
 * das auf diese Variablen zeigt) verwendet.
 *
 * Änderungen hier wirken sich auf ALLE angebundenen Projekte aus.
 */

:root {
  /* --- Primärfarbe: Schulblau (Skala wie Tailwind "primary") --- */
  --color-primary-50:  #eff6ff;
  --color-primary-100: #dbeafe;
  --color-primary-500: #3b82f6;
  --color-primary-600: #2563eb;
  --color-primary-700: #1d4ed8;
  --color-primary-800: #1e40af;
  --color-primary-900: #1e3a8a;

  /* --- Schul-CI --- */
  --color-school-blue: #1e3a8a;
  --color-school-gold: #d97706;
  --color-school-dark: #0f172a;

  /* --- Akzentfarbe für interaktive Elemente (Buttons, Links) --- */
  --color-accent: var(--color-school-blue);
  --color-accent-hover: #17296b;
  --color-accent-rgb: 30, 58, 138; /* = --color-school-blue, für rgba() Verläufe/Rings */

  /* --- Neutrale Oberflächen --- */
  --color-bg: #f5f5f7;
  --color-surface: #ffffff;
  --color-surface-2: #fbfbfd;
  --color-text: #1d1d1f;
  --color-muted: #6e6e73;
  --color-border: rgba(0, 0, 0, .12);
  --color-border-strong: rgba(0, 0, 0, .18);

  /* --- Status --- */
  --color-danger: #d70015;
  --color-danger-hover: #b40012;

  /* --- Form --- */
  --radius: 16px;
  --radius-sm: 12px;
  --shadow: 0 10px 30px rgba(0, 0, 0, .08);
  --shadow-soft: 0 6px 16px rgba(0, 0, 0, .06);

  /* --- Typografie --- */
  --font-sans: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
}