/**
 * UNDERDOCK - Design Tokens & Primitives & Font Declarations
 */

/* ====================================================
   0. LOKALE SCHRIFTEN (Sofort geladen, kein FOUT)
   font-display: block verhindert das Aufblitzen einer Fallback-Schriftart
   ==================================================== */
@font-face {
  font-family: 'Inter';
  src: url('../assets/fonts/inter/inter-variablefont_opsz,wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'Vina Sans';
  src: url('../assets/fonts/vina_sans/vinasans-regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'LexendDD';
  src: url('../assets/fonts/LexendDD/LexendDD-VF.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  /* ====================================================
     1. BRAND PRIMITIVES
     ==================================================== */
  --ud-black: #1F1D1E;
  --ud-white: #F8F7F5;
  --ud-green: #229C6C;
  --ud-pink:  #FBC0F0;

  /* Button Outlines & 3D Bases */
  --btn-outline-light: #DEDAD1;
  --btn-outline-dark:  #4C4C4C;

  /* Accent-Gradients (von oben nach unten, heller Farbton oben) */
  --gradient-orange: linear-gradient(180deg, #FFBD87 0%, #F48E3C 100%);
  --gradient-pink:   linear-gradient(180deg, #F2B6D2 0%, #DB57AF 100%);
  --gradient-violet: linear-gradient(180deg, #D0AAF0 0%, #9C66C8 100%);
  --gradient-green:  linear-gradient(180deg, #52B788 0%, #40916C 100%);
  --gradient-yellow: linear-gradient(180deg, #FFDF80 0%, #FFAF37 100%);
  --gradient-blue:   linear-gradient(180deg, #60B3D6 0%, #0081B8 100%);

  /* ====================================================
     2. TYPOGRAFIE
     ==================================================== */
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-heading: 'Vina Sans', sans-serif;
  --font-dashdock: 'LexendDD', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}