/*
 * H&S Music Artist Panel – Design Foundation
 *
 * Neue Oberflächen verwenden ausschließlich die hs-* Tokens aus dieser Datei.
 * Bestehende Legacy-Oberflächen bleiben während der schrittweisen Migration
 * zunächst in app.css.
 *
 * Die Foundation wird bewusst vor app.css geladen und verändert den aktuellen
 * Bestand noch nicht.
 */

:root {
  color-scheme: dark;

  /* Brand */
  --hs-brand-500: #f38fb1;
  --hs-brand-400: #f7a6c6;
  --hs-brand-contrast: #090909;

  --hs-brand-soft: rgba(243, 143, 177, 0.10);
  --hs-brand-line: rgba(243, 143, 177, 0.46);

  /* Neutral surfaces */
  --hs-bg: #000000;

  --hs-surface-1: #090909;
  --hs-surface-2: #0f0f10;
  --hs-surface-3: #161617;
  --hs-surface-hover: #1b1b1d;

  /* Text */
  --hs-text: #ffffff;
  --hs-text-muted: #b8b8bc;
  --hs-text-subtle: #85858b;
  --hs-text-disabled: #66666b;

  /* Lines */
  --hs-line: rgba(255, 255, 255, 0.16);
  --hs-line-strong: rgba(255, 255, 255, 0.26);
  --hs-line-subtle: rgba(255, 255, 255, 0.09);

  /* Semantic states */
  --hs-success: #4ade80;
  --hs-success-soft: rgba(74, 222, 128, 0.11);

  --hs-warning: #ff9f43;
  --hs-warning-soft: rgba(255, 159, 67, 0.13);

  --hs-danger: #ff5c5c;
  --hs-danger-soft: rgba(255, 92, 92, 0.12);

  /*
   * Typography
   *
   * Poppins is hosted locally by H&S Music. System fonts remain as fallbacks.
   */
  --hs-font-ui:
    "Poppins",
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;

  --hs-font-display: var(--hs-font-ui);

  --hs-font-mono:
    ui-monospace,
    "SFMono-Regular",
    Menlo,
    Monaco,
    Consolas,
    monospace;

  --hs-weight-regular: 400;
  --hs-weight-medium: 500;
  --hs-weight-semibold: 600;
  --hs-weight-bold: 700;

  /* Type scale */
  --hs-text-xs: 0.75rem;
  --hs-text-sm: 0.875rem;
  --hs-text-md: 1rem;
  --hs-text-lg: 1.125rem;
  --hs-text-xl: 1.375rem;

  --hs-text-2xl: clamp(1.75rem, 3vw, 2.5rem);
  --hs-text-3xl: clamp(2.25rem, 5vw, 4.5rem);

  /* Spacing */
  --hs-space-1: 0.25rem;
  --hs-space-2: 0.5rem;
  --hs-space-3: 0.75rem;
  --hs-space-4: 1rem;
  --hs-space-5: 1.25rem;
  --hs-space-6: 1.5rem;
  --hs-space-8: 2rem;
  --hs-space-10: 2.5rem;
  --hs-space-12: 3rem;
  --hs-space-16: 4rem;
  --hs-space-20: 5rem;

  /*
   * Shape
   *
   * Bewusst ruhiger als das bestehende Card-System.
   */
  --hs-radius-xs: 4px;
  --hs-radius-sm: 7px;
  --hs-radius-md: 10px;
  --hs-radius-lg: 14px;
  --hs-radius-round: 999px;

  /* Layout */
  --hs-content-max: 1280px;
  --hs-wizard-max: 1380px;
  --hs-reading-max: 760px;

  /* Interaction */
  --hs-focus-ring:
    0 0 0 3px rgba(243, 143, 177, 0.24);

  --hs-duration-fast: 120ms;
  --hs-duration-medium: 180ms;

  --hs-ease-standard:
    cubic-bezier(0.2, 0, 0, 1);
}