/* ==========================================================================
   Variables — OK-MARKED Design System
   Referenz: reference/DESIGN-VORGABE.md v1.1
   ========================================================================== */

:root {
  /* Brand */
  --brand: #397cf2;
  --brand-light: #6da0ff;
  --brand-dark: #1c5dd0;

  /* Neutrals */
  --black: #000;
  --gray-900: #1d1d1f;
  --gray-700: #4b5160;
  --gray-500: #6e6e73;
  --gray-300: #d2d2d7;
  --gray-200: #e5e7eb;
  --gray-100: #f5f5f7;
  --gray-50: #fafafa;
  --white: #fff;

  /* Text auf dunklem BG */
  --text-on-dark: #d1d5db;
  --text-on-dark-sub: #c7ccd6;
  --text-on-dark-label: #a8b0bf;

  /* Layout */
  --container: 1280px;
  --container-padding: 32px;

  /* Easing */
  --ease: cubic-bezier(.2, .8, .2, 1);
}