/* ==========================================================================
   FES-Ehemalige Design Tokens
   Single source of truth for all visual constants.
   No other stylesheet may use hardcoded hex values, pixel sizes, or font strings.
   ========================================================================== */

:root {

  /* ---------- Colors ---------- */

  /* Brand / Primary (FES red) */
  --color-primary:        #a71528;
  --color-primary-dark:   #8a1122;
  --color-primary-light:  #b13141;

  /* Secondary (FES blue) */
  --color-secondary:      #00a0d7;

  /* Accent (green) */
  --color-accent:         #96c832;

  /* Backgrounds */
  --color-bg:             #ffffff;
  --color-surface:        #f5f6f7;
  --color-surface-raised: #7b8083;

  /* Borders */
  --color-border:         #dde0e2;
  --color-border-strong:  #bcc2c5;

  /* Text */
  --color-text:           #1e1e1f;
  --color-text-strong:    #4f5559;
  --color-text-muted:     #666e73;

  /* Links */
  --color-link:           #a71528;
  --color-link-hover:     #8a1122;

  /* State colors */
  --color-danger:         #a71528;
  --color-danger-bg:      #fdf2f3;
  --color-success:        #3a7d0a;
  --color-success-bg:     #f3f9ec;
  --color-warning:        #8a5c00;
  --color-warning-bg:     #fffbec;
  --color-info:           #005f80;
  --color-info-bg:        #ebf7fc;

  /* ---------- Typography ---------- */

  --font-body:            "GoodBook", Arial, sans-serif;
  --font-heading:         "GoodHeadline", Arial, sans-serif;
  --font-mono:            "Courier New", Courier, monospace;

  /* Font size scale (rem) */
  --text-xs:              0.75rem;
  --text-sm:              0.875rem;
  --text-base:            1rem;
  --text-lg:              1.125rem;
  --text-xl:              1.25rem;
  --text-2xl:             1.5rem;
  --text-3xl:             1.875rem;
  --text-4xl:             2.25rem;

  /* Line height */
  --leading-tight:        1.25;
  --leading-base:         1.1875; /* 19px / 16px — matches original design */
  --leading-relaxed:      1.75;

  /* Font weight */
  --fw-normal:            400;
  --fw-medium:            500;
  --fw-bold:              700;

  /* ---------- Spacing (4 px base) ---------- */

  --space-1:              0.25rem;
  --space-2:              0.5rem;
  --space-3:              0.75rem;
  --space-4:              1rem;
  --space-5:              1.25rem;
  --space-6:              1.5rem;
  --space-8:              2rem;
  --space-10:             2.5rem;
  --space-12:             3rem;
  --space-16:             4rem;
  --space-20:             5rem;
  --space-24:             6rem;

  /* Layout */
  --container-max:        1200px;
  --container-padding:    1rem;

  /* ---------- Borders ---------- */

  --border-width:         1px;
  --border-color:         var(--color-border);

  --radius-sm:            2px;
  --radius-md:            4px;
  --radius-lg:            8px;
  --radius-full:          9999px;

  /* ---------- Shadows ---------- */

  --shadow-sm:            0 1px 3px rgba(0, 0, 0, 0.10);
  --shadow-md:            0 4px 12px rgba(0, 0, 0, 0.15);
  --shadow-lg:            0 8px 24px rgba(0, 0, 0, 0.20);
  --shadow-main:          0 0 7px rgba(0, 0, 0, 0.35);

  /* ---------- Transitions ---------- */

  --transition-base:      150ms ease;
  --transition-slow:      300ms ease;
}