/*
  TrafiCal design tokens.
  Nøytral skala er rangordna 1:1 mot den gamle gråskalaen som var hardkoda
  i kvar mal (sjå trafiCal_fargar&kalender.pdf for referanse-paletten).
*/

:root {
  /* Nøytral skala (lysast -> mørkast) */
  --c-neutral-50: #f8f7f2;
  --c-neutral-100: #eeece4;
  --c-neutral-200: #e2dfd3;
  --c-neutral-300: #c7c4b6;
  --c-neutral-400: #a3a29b;
  --c-neutral-500: #6b6a63;
  --c-neutral-600: #45443f;
  --c-neutral-700: #292824;

  /* Aksent (gul) */
  --c-accent: #fcf792;
  --c-accent-soft: #fdfcd3;
  --c-accent-border: #eae371;

  /* Lenker – uendra frå gamal palett, berre tokenisert */
  --c-link: #2563eb;
  --c-link-hover: #1d4ed8;
  --c-link-light: #3b82f6;
  --c-link-soft: #eff6ff;

  /* Status – uendra frå gamal palett, berre tokenisert */
  --c-danger: #ef4444;
  --c-danger-bg: #fee2e2;
  --c-danger-text: #991b1b;
  --c-danger-border: #fca5a5;
  --c-success: #16a34a;
  --c-success-bg: #ecfdf5;
  --c-success-text: #065f46;
  --c-success-border: #6ee7b7;
  --c-warning: #f59e0b;
  --c-warning-bg: #fef3c7;
  --c-warning-text: #92400e;
  --c-warning-border: #fcd34d;

  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
}

body {
  font-family: var(--font-sans);
  background: var(--c-neutral-100);
  color: var(--c-neutral-700);
}

.btn-primary {
  background: var(--c-accent);
  color: var(--c-neutral-700);
  border: 1px solid var(--c-accent-border);
  border-radius: 999px;
}
.btn-primary:hover {
  background: var(--c-accent-border);
}

.btn-secondary {
  background: var(--c-neutral-200);
  color: var(--c-neutral-700);
  border: 1px solid var(--c-neutral-300);
  border-radius: 999px;
}
.btn-secondary:hover {
  background: var(--c-neutral-300);
}