/*
  Wortic macOS UI Kit — Radius utilities
*/

@layer utilities {
  .wm-radius-xs { border-radius: var(--wm-radius-xs); }
  .wm-radius-sm { border-radius: var(--wm-radius-sm); }
  .wm-radius-md { border-radius: var(--wm-radius-md); }
  .wm-radius-lg { border-radius: var(--wm-radius-lg); }
  .wm-radius-xl { border-radius: var(--wm-radius-xl); }
  .wm-radius-2xl { border-radius: var(--wm-radius-2xl); }
  .wm-radius-pill { border-radius: var(--wm-radius-pill); }
}

/* ============================================================
   Curvatura CONTINUA (squircle) — a assinatura visual do macOS.
   O canto circular do border-radius nao e' o canto da Apple: ela usa
   curvatura continua, sem a quebra brusca entre reta e arco.
   Aplicado por @supports para nao quebrar engine que nao conhece.
   ============================================================ */
@layer components {
  @supports (corner-shape: squircle) {
    .wm-button,
    .wm-button-group,
    .wm-checkbox__box,
    .wm-select__control,
    .wm-text-field,
    .wm-textarea,
    .wm-card,
    .wm-badge:not(.wm-badge--dot),
    .wm-tag,
    .wm-segmented-control,
    .wm-segmented-control__item,
    .wm-toolbar,
    .wm-popover,
    .wm-dropdown-menu,
    .wm-tooltip,
    .wm-toast,
    .wm-dialog,
    .wm-window,
    .wm-sidebar__row,
    .wm-settings-group,
    .wm-list-group,
    .wm-code-block,
    .wm-avatar--square,
    .wm-image-well,
    .wm-gauge__frame,
    .wm-menu-bar__item,
    .wm-column-view__column {
      corner-shape: squircle;
    }
  }

  /* Utilitario para qualquer superficie nova do kit */
  @supports (corner-shape: squircle) {
    .wm-squircle { corner-shape: squircle; }
  }
}