/* ============================================================
   JustClose · Design Tokens (subset for Dashboard)
   Colors, type, spacing, radii. Single source of truth.
   ============================================================ */

:root {
  /* ----- Type ----- */
  --ff-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --ff-text:    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --ff-hero:    "Inter Display", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;

  --fw-medium:    500;
  --fw-semibold:  600;
  --fw-bold:      700;

  /* ----- Colors ----- */
  --c-dark:           #222222;
  --c-blue:           #4D97FE;  /* Accent — only accent in use */
  --c-cyan:           #9CECFB;
  --c-warning:        #C0392B;
  --c-white:          #FFFFFF;

  --c-highlight-bg:   #E3EFFF;  /* tint of blue */
  --c-accent-bg-cyan: #EAF9FE;
  --c-warning-bg:     #FFF0F0;
  --c-neutral-bg:     #F2F2F2;
  --c-row-bg:         #F9F9F9;

  --c-text:           #333333;
  --c-text-strong:    #222222;
  --c-text-muted:     #505050;
  --c-text-dim:       #646464;
  --c-text-hint:      #5A6B7D;
  --c-text-on-dark:   #FFFFFF;

  --c-border:         #D0D0D0;
  --c-border-accent:  #4D97FE;
  --c-border-soft:    #E5E7EB;

  /* Pending / "warte auf Aktion" — used ONLY for active gate badges. */
  --c-pending-bg:     #FFF6DC;
  --c-pending-fg:     #7a5600;
  --c-pending-dot:    #f0b429;
  --c-pending-strong: #b88700;

  /* ----- Spacing ----- */
  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3:  12px;
  --sp-4:  16px;
  --sp-5:  20px;
  --sp-6:  24px;
  --sp-7:  32px;
  --sp-8:  40px;

  /* ----- Radii ----- */
  --r-sm:  3px;
  --r-md:  6px;
  --r-lg:  10px;
  --r-xl:  16px;
  --r-pill: 999px;

  /* ----- Shadow (used sparingly) ----- */
  --shadow-sm: 0 1px 2px rgba(34,34,34,0.06);
  --shadow-md: 0 4px 12px rgba(34,34,34,0.08);
  --shadow-lg: 0 12px 32px rgba(34,34,34,0.10);
}