/* ParkingUnit Admin V3 — design tokens. Source of truth.
   Scope: everything inside .pu-v3 reads these variables. */
.pu-v3 {
  /* Surfaces */
  --bg:            #fafaf9;
  --bg-2:          #f5f4f2;
  --panel:         #ffffff;
  --border:        #ebe9e4;
  --border-strong: #dcd9d2;

  /* Ink */
  --ink:   #1a1a17;
  --ink-2: #44433f;
  --ink-3: #76746e;
  --ink-4: #a3a19a;

  /* Accent (deep red — spot color, not fill color) */
  --accent:     #b53535;
  --accent-2:   oklch(94% 0.04 25);
  --accent-ink: oklch(38% 0.15 25);

  /* Semantic */
  --success:    oklch(62% 0.14 155);
  --success-bg: oklch(94% 0.05 155);
  --warn:       oklch(72% 0.15 70);
  --warn-bg:    oklch(95% 0.06 70);
  --warn-ink:   oklch(45% 0.15 70);
  --danger:     oklch(60% 0.18 25);
  --danger-bg:  oklch(95% 0.04 25);
  --info:       oklch(62% 0.13 240);
  --info-bg:    oklch(95% 0.04 240);

  /* Radii */
  --r-xs: 4px;
  --r-sm: 6px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-xl: 16px;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(20,20,15,0.04), 0 0 0 0.5px rgba(20,20,15,0.06);
  --shadow-md: 0 4px 14px rgba(20,20,15,0.06), 0 0 0 0.5px rgba(20,20,15,0.08);
  --shadow-lg: 0 12px 40px rgba(20,20,15,0.12), 0 0 0 0.5px rgba(20,20,15,0.08);

  /* Type — bumped +2px across the scale per UX feedback */
  --font-sans: 'Inter', ui-sans-serif, -apple-system, system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', monospace;
  --fs-xs:   13px;
  --fs-sm:   14.5px;
  --fs-base: 15.5px;
  --fs-md:   17px;
  --fs-lg:   20px;
  --fs-xl:   24px;
  --fs-xxl:  30px;

  /* Density (default = comfortable) */
  --row-h: 40px;
}

.pu-v3.density-compact { --row-h: 32px; --fs-base: 15px; }
.pu-v3.density-cozy    { --row-h: 46px; --fs-base: 16px; }

/* Root layout block resets — scoped to .pu-v3 only */
.pu-v3 {
  font-family: var(--font-sans);
  color: var(--ink);
  background: var(--bg);
  font-size: var(--fs-base);
  line-height: 1.45;
  -webkit-font-smoothing: antialiased;
  letter-spacing: -0.005em;
}
.pu-v3 *, .pu-v3 *::before, .pu-v3 *::after { box-sizing: border-box; }
.pu-v3 button { font-family: inherit; cursor: pointer; }
.pu-v3 input, .pu-v3 select, .pu-v3 textarea { font-family: inherit; }