/* Token salinan dari nuxhub-fe/src/app/pos/pos.css (baris 29-100).
   Nilai sengaja SAMA dengan console POS yang sudah jalan, supaya mockup ini
   bisa langsung jadi acuan implementasi tanpa re-skin. Kalau token di pos.css
   berubah, ubah di sini juga. */
:root{
  --bg:           oklch(0.984 0.006 315);
  --surface:      oklch(1 0 0);
  --surface-2:    oklch(0.978 0.006 315);
  --surface-3:    oklch(0.962 0.008 312);
  --fg:           oklch(0.23 0.024 290);
  --fg-soft:      oklch(0.36 0.02 288);
  --muted:        oklch(0.54 0.018 287);
  --faint:        oklch(0.60 0.015 287);
  --border:       oklch(0.915 0.007 308);
  --border-strong:oklch(0.86 0.01 304);

  --primary:      oklch(0.55 0.21 24);
  --primary-press:oklch(0.48 0.20 24);
  --primary-soft: oklch(0.955 0.038 30);
  --primary-line: oklch(0.88 0.07 30);

  --secondary:    oklch(0.53 0.16 286);
  --secondary-soft:oklch(0.955 0.03 290);

  --success:      oklch(0.58 0.13 155);
  --success-soft: oklch(0.95 0.05 158);
  --warn:         oklch(0.70 0.13 70);
  --warn-soft:    oklch(0.96 0.06 82);
  --danger:       oklch(0.57 0.20 25);
  --danger-soft:  oklch(0.955 0.04 27);
  --info:         oklch(0.58 0.12 244);
  --info-soft:    oklch(0.95 0.04 244);

  --radius:   10px;
  --radius-sm:7px;
  --radius-lg:14px;

  --shadow-sm: 0 1px 2px oklch(0.4 0.03 290 / .055), 0 1px 3px oklch(0.4 0.03 290 / .045);
  --shadow-md: 0 6px 22px oklch(0.4 0.05 290 / .09);
  --shadow-rail:0 10px 40px oklch(0.4 0.06 290 / .10);

  --font: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;

  /* Skala z-index sistemik, satu tempat. */
  --z-sticky: 10;
  --z-nav:    20;
  --z-modal:  40;
  --z-toast:  50;
}
:root[data-theme="dark"]{
  --bg:           oklch(0.155 0.018 268);
  --surface:      oklch(0.195 0.02 264);
  --surface-2:    oklch(0.225 0.02 264);
  --surface-3:    oklch(0.255 0.022 263);
  --fg:           oklch(0.97 0.005 280);
  --fg-soft:      oklch(0.84 0.012 280);
  --muted:        oklch(0.68 0.016 282);
  --faint:        oklch(0.56 0.016 282);
  --border:       oklch(0.30 0.02 264);
  --border-strong:oklch(0.38 0.022 264);

  --primary:      oklch(0.66 0.19 27);
  --primary-press:oklch(0.72 0.18 27);
  --primary-soft: oklch(0.30 0.07 28);
  --primary-line: oklch(0.42 0.10 28);

  --secondary:    oklch(0.68 0.15 287);
  --secondary-soft:oklch(0.29 0.06 287);

  --success:      oklch(0.70 0.14 156);
  --success-soft: oklch(0.30 0.06 158);
  --warn:         oklch(0.78 0.13 75);
  --warn-soft:    oklch(0.34 0.06 78);
  --danger:       oklch(0.68 0.18 27);
  --danger-soft:  oklch(0.32 0.07 27);
  --info:         oklch(0.70 0.12 244);
  --info-soft:    oklch(0.30 0.05 244);

  --shadow-sm: 0 1px 2px oklch(0 0 0 / .3);
  --shadow-md: 0 8px 26px oklch(0 0 0 / .42);
  --shadow-rail:0 12px 44px oklch(0 0 0 / .5);
}