/* ------------------------------------------------------------------ */
/*  design/inani/design.css                                           */
/* ------------------------------------------------------------------ */

/* 1 │ Local Fonts laut INANI Brandmanual ------------------------- */

/* Geist Variable Font (optimal für Performance) */
@font-face {
  font-family: 'Geist';
  src: url('./fonts/Geist/Geist-VariableFont_wght.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* Pangaia Webfonts (wichtigste Gewichte) */
@font-face {
  font-family: 'Pangaia';
  src: url('./fonts/Pangaia/web/PPPangaia-Light.woff2') format('woff2'),
       url('./fonts/Pangaia/web/PPPangaia-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Pangaia';
  src: url('./fonts/Pangaia/web/PPPangaia-Medium.woff2') format('woff2'),
       url('./fonts/Pangaia/web/PPPangaia-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Pangaia';
  src: url('./fonts/Pangaia/web/PPPangaia-Bold.woff2') format('woff2'),
       url('./fonts/Pangaia/web/PPPangaia-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* 2 │ Tenant-spezifische Design Tokens ---------------------------- */
:root {
  /* ── Fonts ──────────────────────────────────────────────────── */
  --font-sans: 'Geist', system-ui, sans-serif;
  --font-display: 'Pangaia', 'Geist', system-ui, sans-serif;

  /* ── Primärfarben (Burgundy) ───────────────────────────────── */
  /* Exakter Markenwert laut Palette */
  --primary: #7a2039;                               /* Burgundy */
  --primary-foreground: #ffffff;                    /* Weiß */

  /* ── Button-Stil (Sandfarben laut Brandmanual) ────────────── */
  --button: #f3c065;                                /* Sand */
  --button-foreground: #4f1237;                     /* Blackberry */

  /* ── Sekundärfarbe für UI-Hintergründe, Chips etc. ───────── */
  --secondary: #f3c065;                             /* Sand */
  --secondary-foreground: #e49c76;                  /* Tumbleweed */

  /* ── Akzentfarben aus Brandmanual direkt gesetzt ─────────── */
  --accent-1: #4f1237;                              /* Blackberry */
  --accent-2: #7a2039;                              /* Burgundy */
  --accent-3: #f3c065;                              /* Sand */
  --accent-4: #e49c76;                              /* Tumbleweed */

  /* ── Oberfläche / Karten / Popovers ───────────────────────── */
  --card: #f6f6f6;                                  /* Desert Storm */
  --card-foreground: #000000;                       /* Schwarz */
  --popover: #f6f6f6;
  --popover-foreground: #000000;

  /* ── ShadCN Accent Defaults ──────────────────────────────── */
  --accent: #7a2039;                                /* Burgundy */
  --accent-foreground: #ffffff;                     /* Weiß */

}

/* 3 │ Dark Mode Farben (manuell angepasst) ----------------------- */
.dark {
  /* Gleiches Burgund in Dark Mode */
  --primary: #7a2039;
  --primary-foreground: #ffffff;

  --button: #f3c065;                                /* Sand */
  --button-foreground: #4f1237;                     /* Blackberry */

  --secondary: #f3c065;
  --secondary-foreground: #ffffff;

  --accent-1: #4f1237;                              /* Blackberry */
  --accent-2: #7a2039;                              /* Burgundy */
  --accent-3: #f3c065;                              /* Sand */
  --accent-4: #e49c76;                              /* Tumbleweed */

  --card: #262626;                                  /* Dunkle Oberfläche */
  --card-foreground: #ffffff;
  --popover: #262626;
  --popover-foreground: #ffffff;

  --accent: #7a2039;
  --accent-foreground: #ffffff;

}