/* ============================================================
   SCALES — Pavel Presnov Design System
   Opacity, border-width, and icon-size scales. Small but worth
   tokenizing so disabled states, hairlines, and icons stay consistent.
   ============================================================ */

:root {
  /* ---- Opacity ---- */
  --opacity-0:        0; /* @kind other */
  --opacity-disabled: 0.45; /* @kind other */  /* disabled controls */
  --opacity-muted:    0.6; /* @kind other */   /* de-emphasized but legible */
  --opacity-subtle:   0.78; /* @kind other */  /* footer links on dark, etc. */
  --opacity-full:     1; /* @kind other */

  /* ---- Border widths ---- */
  --border-width-hairline: 1px;   /* default — hairline structure */
  --border-width-strong:   1.5px; /* checkbox box, emphasis */
  --border-width-heavy:    2px;   /* active tab underline, focus outline */
  --border-width-accent:   3px;   /* left-edge accent (toast, blockquote) */

  /* ---- Icon sizes (match the type scale) ---- */
  --icon-xs: 14px;  /* inline with caption / metadata */
  --icon-sm: 16px;  /* inline with body, buttons */
  --icon-md: 18px;  /* nav items, default UI */
  --icon-lg: 22px;  /* section accents */
  --icon-xl: 28px;  /* feature / specimen */
}