/* Atmova Design Tokens (Brand Manual Kap. 04, 05, 08). Eine Datei für die
   Studio-Oberfläche und die Buchungsseiten. Schriften stehen in fonts.css.
   Der Akzent des Studios kommt nicht von hier: Buchungsseiten binden ihre
   Theme-Datei /<slug>/stil-<hash>.css ein, die Studio-Oberfläche setzt
   --atm-accent per CSSOM (internal/palette, web/studio/src/lib/theme.ts). */
:root {
  /* Farbe */
  --atm-eucalyptus: #1E3830;
  --atm-linen: #F8F6F0;
  --atm-terracotta: #D87D56;
  --atm-dusk: #4A6B7C;
  --atm-graphite: #1A1D1B;
  --atm-white: #FFFFFF;
  --atm-muted: #5C625E;
  --atm-line: #E4E0D6;
  --atm-control-border: #767B78;
  --atm-error: #9A3B1E;
  --atm-error-bg: #F6E1D6;

  /* Akzent des Studios, Schrift darauf immer Graphit */
  --atm-accent: #D36C40;
  --atm-on-accent: #1A1D1B;

  /* Status (Hintergrund / Text), immer als Pill mit Text */
  --atm-status-held-bg: #E3EAEE;
  --atm-status-held-fg: #344D5A;
  --atm-status-confirmed-bg: #DCE7E1;
  --atm-status-confirmed-fg: #1E3830;
  --atm-status-cancelled-bg: #ECEAE4;
  --atm-status-cancelled-fg: #4A4F4C;
  --atm-status-refunded-bg: #F6E1D6;
  --atm-status-refunded-fg: #8A4424;
  --atm-status-noshow-bg: #F4E6C6;
  --atm-status-noshow-fg: #6E4A0E;
  --atm-status-open-bg: #FBF6EA;
  --atm-status-open-fg: #6B5220;
  --atm-status-open-border: #B8964F;

  /* Schrift */
  --atm-font-display: "Plus Jakarta Sans", system-ui, sans-serif;
  --atm-font-body: "Inter", "SF Pro Text", system-ui, sans-serif;
  --atm-font-serif: "Instrument Serif", Georgia, serif;
  --atm-text-h1: 2.25rem;
  --atm-text-h2: 1.75rem;
  --atm-text-h3: 1.25rem;
  --atm-text-body: 1rem;
  --atm-text-small: 0.8125rem;
  --atm-text-button: 0.9375rem;
  --atm-leading-tight: 1.15;
  --atm-leading-heading: 1.2;
  --atm-leading-body: 1.6;
  --atm-leading-small: 1.5;

  /* Fläche und Abstand */
  --atm-radius-card: 16px;
  --atm-radius-control: 12px;
  --atm-radius-pill: 999px;
  --atm-shadow-card: 0 4px 20px rgba(0, 0, 0, 0.04);
  --atm-space-card: 24px;
  --atm-space-1: 4px;
  --atm-space-2: 8px;
  --atm-space-3: 12px;
  --atm-space-4: 16px;
  --atm-space-5: 24px;
  --atm-space-6: 32px;
  --atm-space-7: 48px;
  --atm-space-8: 64px;
  --atm-content-width: 44rem;

  /* Bedienung */
  --atm-touch: 44px;
  --atm-focus-width: 3px;
  --atm-focus-color: #1A1D1B;
  --atm-motion: 160ms;
  --atm-ease: cubic-bezier(0.2, 0, 0, 1);
}

@media (min-width: 48rem) {
  :root {
    --atm-text-h1: 3.5rem;
    --atm-text-h2: 2.25rem;
    --atm-text-h3: 1.5rem;
    --atm-text-small: 0.875rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --atm-motion: 0s;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0s !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0s !important;
    scroll-behavior: auto !important;
  }
}