/* GERD design system tokens.
   Shared by every GERD site: copy this file verbatim, do not edit it per site.
   The business accent comes from data-business on <html> (holding, group, security,
   express, immobilien). See design-system/README.md; AGENTS.md owns the sync contract.
   Structure and non-colour values come from the Goodman Sicherheitsdienst brand report
   (section 4). Ink #111512 and the accents are the official GERD brand kit colours; the
   other ink, neutral and accent steps are derived from them. */

:root {
  /* Colour: neutral primitives */
  --gerd-ink-950: #111512;  --gerd-ink-900: #1A1F1B;  --gerd-ink-800: #252D28;  --gerd-ink-700: #353F39;
  --gerd-paper: #F5F2EB;    --gerd-white: #FFFFFF;    --gerd-neutral-100: #EBEBEB; --gerd-neutral-300: #D5D0C8;
  --gerd-neutral-400: #B3B3B3; --gerd-neutral-600: #666666;
  --gerd-danger: #B42318;   --gerd-warning: #8A5A00;  --gerd-success: #2F6E4C; --gerd-disabled-text: #999999;

  /* Colour: roles (light context) */
  --gerd-bg: var(--gerd-paper);         --gerd-surface: var(--gerd-white);  --gerd-surface-alt: var(--gerd-neutral-100);
  --gerd-text: var(--gerd-ink-950);     --gerd-text-muted: var(--gerd-neutral-600);
  --gerd-line: var(--gerd-neutral-300);
  /* Colour: roles (dark context: apply on .on-dark) */
  --gerd-dark-bg: var(--gerd-ink-950);  --gerd-dark-surface: var(--gerd-ink-800);
  --gerd-dark-text: var(--gerd-paper);  --gerd-dark-text-muted: var(--gerd-neutral-400);
  --gerd-dark-line: var(--gerd-ink-700);

  /* Colour: business accent slot. Holding (no accent) is the default; the blocks below
     override it per business. See design-system/README.md for the allowed pairs. */
  --gerd-accent: #111512;              /* fills and decoration on light */
  --gerd-accent-strong: #353F39;       /* hover of accent fills on light */
  --gerd-on-accent: #FFFFFF;           /* text and icons on accent fills */
  --gerd-accent-text: #111512;         /* accent text and meaningful strokes on light */
  --gerd-accent-text-strong: #353F39;  /* hover of accent text on light */
  --gerd-accent-bright: #F5F2EB;       /* fills and decoration on dark */
  --gerd-accent-bright-strong: #FFFFFF; /* hover of bright fills on dark */
  --gerd-on-accent-bright: #111512;    /* text and icons on bright fills */
  --gerd-accent-text-dark: #F5F2EB;    /* accent text on dark */
  --gerd-focus: #7C7E7D;               /* focus ring, at least 3:1 on light and dark */
  --gerd-accent-tint-rgb: 17, 21, 18;    /* photo tint, rgb channels */
  --gerd-accent-glow-rgb: 245, 242, 235; /* glows and sweeps on dark, rgb channels */
  --gerd-accent-glow-soft-rgb: 255, 255, 255; /* light band on dark, rgb channels */

  /* Type */
  --gerd-font-display: "Archivo", "Arial Narrow", Arial, sans-serif;
  --gerd-font-body: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
  --gerd-font-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;
  --gerd-display-stretch: 112%;
  --gerd-fw-regular: 400; --gerd-fw-medium: 500; --gerd-fw-semibold: 600; --gerd-fw-bold: 700; --gerd-fw-black: 800;
  --gerd-fs-display: clamp(2.6rem, 1.4rem + 5vw, 5.5rem);
  --gerd-fs-h1: clamp(2.1rem, 1.5rem + 2.6vw, 3.5rem);
  --gerd-fs-h2: clamp(1.6rem, 1.3rem + 1.4vw, 2.4rem);
  --gerd-fs-h3: 1.375rem;
  --gerd-fs-lead: clamp(1.0625rem, 1rem + .35vw, 1.25rem);
  --gerd-fs-body: 1.0625rem;  --gerd-fs-small: .875rem;  --gerd-fs-label: .75rem;
  --gerd-lh-tight: 1.02; --gerd-lh-heading: 1.12; --gerd-lh-body: 1.6;
  --gerd-track-display: -.02em; --gerd-track-label: .16em;
  --gerd-measure: 60ch;

  /* Space (4px base) */
  --gerd-space-1: .25rem; --gerd-space-2: .5rem; --gerd-space-3: .75rem; --gerd-space-4: 1rem;
  --gerd-space-5: 1.5rem; --gerd-space-6: 2rem;  --gerd-space-7: 3rem;   --gerd-space-8: 4rem;
  --gerd-space-9: 6rem;   --gerd-space-10: 8rem;
  --gerd-container: 1200px; --gerd-gutter: clamp(1rem, .5rem + 2.5vw, 2.5rem);
  --gerd-section-y: clamp(4rem, 3rem + 3vw, 6rem);

  /* Radius */
  --gerd-radius-sm: 2px; --gerd-radius-md: 4px; --gerd-radius-lg: 8px; --gerd-radius-pill: 999px;

  /* Overlay: scrims and image gradients on dark (rgb channels) */
  --gerd-scrim-rgb: 17, 21, 18;

  /* Shadow */
  --gerd-shadow-1: 0 1px 2px rgba(17,21,18,.08);
  --gerd-shadow-2: 0 8px 24px -8px rgba(17,21,18,.18);
  --gerd-shadow-3: 0 24px 64px -24px rgba(17,21,18,.45);

  /* Motion (mirror in GSAP defaults) */
  --gerd-ease-out: cubic-bezier(.22,1,.36,1);
  --gerd-dur-fast: .2s; --gerd-dur-base: .6s; --gerd-dur-slow: .9s;
  --gerd-control-height: 48px;
}

/* GERD Group. Kit E bar #6FAF8A. */
:root[data-business="group"] {
  --gerd-accent: #6FAF8A;              --gerd-accent-strong: #5E9A77;       --gerd-on-accent: #111512;
  --gerd-accent-text: #36704F;         --gerd-accent-text-strong: #2E5E43;
  --gerd-accent-bright: #6FAF8A;       --gerd-accent-bright-strong: #8CC3A3; --gerd-on-accent-bright: #111512;
  --gerd-accent-text-dark: #6FAF8A;    --gerd-focus: #57876B;
  --gerd-accent-tint-rgb: 111, 175, 138; --gerd-accent-glow-rgb: 111, 175, 138; --gerd-accent-glow-soft-rgb: 140, 195, 163;
}

/* GERD Security & Service. Kit E bar #1F4FA0.
   Values match the live site exactly. Two pairs fall short (accent-text-dark on ink-800,
   focus on neutral-100); README lists the values to switch to once approved. */
:root[data-business="security"] {
  --gerd-accent: #1F4FA0;              --gerd-accent-strong: #1A3D7D;       --gerd-on-accent: #FFFFFF;
  --gerd-accent-text: #1F4FA0;         --gerd-accent-text-strong: #1A3D7D;
  --gerd-accent-bright: #5B88DC;       --gerd-accent-bright-strong: #7AA3E6; --gerd-on-accent-bright: #111512;
  --gerd-accent-text-dark: #5B88DC;    --gerd-focus: #5B88DC;
  --gerd-accent-tint-rgb: 31, 79, 160; --gerd-accent-glow-rgb: 61, 116, 209; --gerd-accent-glow-soft-rgb: 91, 136, 220;
}

/* GERD Express. Kit E bar #FFC400. */
:root[data-business="express"] {
  --gerd-accent: #FFC400;              --gerd-accent-strong: #E6B000;       --gerd-on-accent: #111512;
  --gerd-accent-text: #7C6200;         --gerd-accent-text-strong: #5E4C00;
  --gerd-accent-bright: #FFC400;       --gerd-accent-bright-strong: #FFD54D; --gerd-on-accent-bright: #111512;
  --gerd-accent-text-dark: #FFC400;    --gerd-focus: #997908;
  --gerd-accent-tint-rgb: 255, 196, 0;   --gerd-accent-glow-rgb: 255, 196, 0;   --gerd-accent-glow-soft-rgb: 255, 213, 77;
}

/* GERD Immobilien. Kit E bar #C2A878. */
:root[data-business="immobilien"] {
  --gerd-accent: #C2A878;              --gerd-accent-strong: #A88E5F;       --gerd-on-accent: #111512;
  --gerd-accent-text: #6B5A3A;         --gerd-accent-text-strong: #5C4D2E;
  --gerd-accent-bright: #C2A878;       --gerd-accent-bright-strong: #D4BF96; --gerd-on-accent-bright: #111512;
  --gerd-accent-text-dark: #C2A878;    --gerd-focus: #8D7C59;
  --gerd-accent-tint-rgb: 194, 168, 120; --gerd-accent-glow-rgb: 194, 168, 120; --gerd-accent-glow-soft-rgb: 212, 191, 150;
}