/* Design tokens extracted from HCRE Panel admin image */
:root {
  /* Surfaces */
  --bg:           oklch(98% 0.005 250);
  --surface:      oklch(100% 0 0);
  --surface-alt:  oklch(96% 0.005 250);
  --sidebar:      oklch(22% 0.025 250);
  --sidebar-2:    oklch(26% 0.03 250);
  --sidebar-fg:   oklch(82% 0.01 250);
  --sidebar-fg-dim: oklch(60% 0.015 250);
  --sidebar-active: oklch(58% 0.18 255);

  /* Text */
  --fg:           oklch(22% 0.02 240);
  --fg-strong:    oklch(15% 0.025 240);
  --muted:        oklch(50% 0.018 240);
  --muted-2:      oklch(62% 0.012 240);
  --on-accent:    oklch(100% 0 0);

  /* Lines */
  --border:       oklch(90% 0.008 240);
  --border-strong:oklch(80% 0.012 240);
  --divider:      oklch(94% 0.006 240);

  /* Brand + state */
  --primary:      oklch(58% 0.18 255);
  --primary-hover:oklch(52% 0.19 255);
  --primary-soft: oklch(95% 0.04 255);
  --danger:       oklch(60% 0.22 25);
  --danger-soft:  oklch(95% 0.03 25);
  --success:      oklch(58% 0.16 145);
  --success-soft: oklch(95% 0.03 145);
  --warning:      oklch(72% 0.15 70);
  --warning-soft: oklch(96% 0.04 80);

  /* Type */
  --font-body:    -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Segoe UI", system-ui, sans-serif;
  --font-mono:    ui-monospace, "JetBrains Mono", "IBM Plex Mono", Menlo, monospace;

  /* Sizing */
  --sidebar-w:    220px;
  --sidebar-w-collapsed: 64px;
  --topbar-h:     48px;
  --radius-sm:    4px;
  --radius:       6px;
  --radius-lg:    10px;

  /* Shadow */
  --shadow-sm: 0 1px 2px oklch(0% 0 0 / 0.04), 0 1px 3px oklch(0% 0 0 / 0.06);
  --shadow:    0 4px 12px oklch(0% 0 0 / 0.08);
  --shadow-lg: 0 12px 32px oklch(0% 0 0 / 0.12);
}