/* Cover Customs – Zentrale Design-Tokens
   Einzeländerungen bitte hier vornehmen, nicht in Komponenten hart kodieren. */
:root {
  /* Farben */
  --cc-ink: #14181B;
  --cc-graphite: #39424A;
  --cc-slate: #5C6873;
  --cc-line: #E4E8EB;
  --cc-mist: #F3F6F7;
  --cc-paper: #FFFFFF;
  --cc-accent: #0E6E7D;
  --cc-accent-strong: #0A5260;
  --cc-accent-soft: #E2F0F2;
  --cc-ink-invert: #F5F8F9;
  --cc-overlay: rgba(12,18,20,.55);
  --cc-danger: #B42318;
  --cc-danger-soft: #FDECEA;
  --cc-success: #116149;
  --cc-success-soft: #E6F4EE;
  --cc-focus: #0A5260;

  /* Typografie */
  --cc-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  --cc-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --cc-fs-display: clamp(2.4rem, 1.2rem + 4.6vw, 4.2rem);
  --cc-fs-h1: clamp(2rem, 1.3rem + 2.6vw, 3rem);
  --cc-fs-h2: clamp(1.5rem, 1.15rem + 1.4vw, 2.1rem);
  --cc-fs-h3: clamp(1.2rem, 1.05rem + .7vw, 1.5rem);
  --cc-fs-body: clamp(1rem, .97rem + .18vw, 1.075rem);
  --cc-fs-small: .85rem;
  --cc-lh-body: 1.65;
  --cc-lh-head: 1.12;
  --cc-measure: 68ch;

  /* Abstände */
  --cc-sp-1: .5rem; --cc-sp-2: 1rem; --cc-sp-3: 1.5rem; --cc-sp-4: 2rem;
  --cc-sp-5: 3rem; --cc-sp-6: 4rem; --cc-sp-7: 6rem; --cc-sp-8: 8rem;
  --cc-section: clamp(4rem, 9vw, 8rem);
  --cc-container: 1200px;
  --cc-container-wide: 1400px;
  --cc-gutter: clamp(1.25rem, 5vw, 3rem);

  /* Radien */
  --cc-radius-sm: 8px; --cc-radius-md: 14px; --cc-radius-lg: 22px; --cc-radius-pill: 999px;

  /* Schatten */
  --cc-shadow-sm: 0 1px 2px rgba(20,24,27,.06);
  --cc-shadow-md: 0 8px 24px rgba(20,24,27,.08);
  --cc-shadow-lg: 0 24px 60px rgba(20,24,27,.12);

  /* Motion */
  --cc-ease: cubic-bezier(.22,.61,.36,1);
  --cc-dur: .5s;

  --cc-header-h: 72px;
}
