/* ============================================================================
   components.css — LEGACY TOKEN KO'PRIGI (izolyatsiya qatlami)
   ----------------------------------------------------------------------------
   app.css hali eski token nomlarini (--accent, --btn-*, --border ...) o'qiydi.
   Bu fayl ularni semantic.css'dagi --color-* tokenlarga bog'laydi, shunda
   yagona manba — semantic.css. Mavzu farqi bu faylda YO'Q; hamma mavzuga
   bog'liqlik semantic.css'ga ko'chdi.

   2-3 bosqichda app.css qoidalari to'g'ridan-to'g'ri --color-* ga o'tkaziladi
   va bu ko'prik yo'qoladi.

   Yuklash tartibi: semantic.css -> components.css -> app.css
   ============================================================================ */

:root {
  /* Accent -> primary */
  --accent: var(--color-primary);
  --accent-2: var(--color-primary-2);
  --accent-ink: var(--color-primary-fg);

  /* Chegara / matn */
  --border: var(--color-border);
  --text-muted: var(--color-text-muted);
  --text-secondary: var(--color-text-secondary);

  /* Primary tugma */
  --btn-primary-bg: var(--color-primary);
  --btn-primary-hover-bg: var(--color-primary-hover);
  --btn-primary-color: var(--color-primary-fg);   /* dark: near-black, light: cream */

  /* Oddiy tugma (nozik sozlangan — semantic.css'dagi --ctl-*) */
  --btn-bg: var(--ctl-bg);
  --btn-border: var(--ctl-border);
  --btn-color: var(--ctl-fg);
  --btn-hover-bg: var(--ctl-hover-bg);

  /* Ghost tugma */
  --btn-ghost-border: var(--ctl-ghost-border);
  --btn-ghost-color: var(--ctl-ghost-fg);
  --btn-ghost-hover-bg: var(--ctl-ghost-hover-bg);
  --btn-ghost-hover-color: var(--ctl-ghost-hover-fg);

  /* Danger tugma */
  --btn-danger-bg: var(--ctl-danger-bg);
  --btn-danger-border: var(--ctl-danger-border);
  --btn-danger-color: var(--ctl-danger-fg);

  /* "Save" (vsave) tugma */
  --btn-vsave-bg: var(--ctl-vsave-bg);
  --btn-vsave-border: var(--ctl-vsave-border);
  --btn-vsave-color: var(--ctl-vsave-fg);
  --btn-vsave-hover-bg: var(--ctl-vsave-hover-bg);

  /* Icon tugma */
  --icon-btn-border: var(--ctl-icon-border);
}