/* PelycanFeedback – gemeinsames Fundament */

@font-face {
  font-family: 'Inter';
  src: url('/fonts/inter-latin-standard-normal.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Tinte & Papier */
  --ink: #0c1a2a;
  --ink-2: #122438;
  --ink-3: #1b3350;
  --paper: #f6f1e7;
  --paper-2: #efe7d8;
  --paper-3: #e5dac5;
  --muted: #8195ab;
  --muted-dark: #5c6f85;

  /* Signalfarben – abgestimmt auf das Gelb im Logo */
  --gelb: #ffe600;          /* Logo-Gelb: Flächen, Balken, Markierungen */
  --gelb-rand: #e3cc00;     /* etwas dunkler für Ränder auf Weiß */
  --gold-text: #8f7c00;     /* lesbares Dunkelgelb für Text auf hellem Grund */

  --font-display: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-ui: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;

  --radius: 14px;
  --shadow-card: 0 2px 6px rgba(12, 26, 42, .12), 0 12px 32px rgba(12, 26, 42, .10);
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: var(--font-ui);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
button, input, textarea, select { font: inherit; color: inherit; }
button { cursor: pointer; }
a { color: inherit; }

/* Kleine Bausteine */
.pulse-dot {
  display: inline-block; width: .55em; height: .55em; border-radius: 50%;
  background: var(--gelb); border: 1px solid var(--gelb-rand);
  animation: pulse 2s ease-out infinite;
}
@keyframes pulse {
  0% { box-shadow: 0 0 0 0 rgba(255, 230, 0, .6); }
  70% { box-shadow: 0 0 0 .6em rgba(255, 230, 0, 0); }
  100% { box-shadow: 0 0 0 0 rgba(255, 230, 0, 0); }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}