/* Design-Tokens — 1:1 aus dem finalen Logo-Handoff (design_handoff_logo_sascha_grimm) */

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('../fonts/manrope-variable.woff2') format('woff2');
}

@font-face {
  font-family: 'Allura';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/allura-regular.woff2') format('woff2');
}

:root {
  /* Marken-Farben (Hex-Fallback zuerst für ältere Safari/iOS ohne oklch()-Support) */
  --sg-ink: #17181c;
  --sg-paper: #faf9f7;
  --sg-white: #ffffff;

  --sg-bronze: #c07d3a;
  --sg-bronze: oklch(0.62 0.13 55);
  --sg-bronze-light: #d18f4a;
  --sg-bronze-light: oklch(0.68 0.13 55);
  --sg-bronze-deep: #a86a2c;
  --sg-bronze-deep: oklch(0.55 0.13 55);

  --sg-border: rgba(0, 0, 0, 0.1);
  --sg-border-dark: rgba(250, 249, 247, 0.14);
  --sg-text-muted: #55575e;
  --sg-text-muted-dark: rgba(250, 249, 247, 0.7);

  /* Typografie */
  --sg-font-ui: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --sg-font-script: 'Allura', cursive;

  --sg-eyebrow-size: 13px;
  --sg-eyebrow-tracking: 0.14em;

  /* Radius / Abstände */
  --sg-radius: 4px;
  --sg-container-max: 1200px;
  --sg-section-pad-y: clamp(64px, 10vw, 120px);
  --sg-section-pad-x: clamp(20px, 5vw, 64px);

  /* Bewegung */
  --sg-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --sg-transition-fast: 180ms var(--sg-ease);
  --sg-transition: 280ms var(--sg-ease);
}