/*
 * Surface layer — cards and information containers deliberately rely on
 * spacing, tone and elevation rather than visible strokes.  Keep radii and
 * shadows intact; this file only removes the border treatment.
 */
:root {
  --border-card: 0 solid transparent;
  --border-color: transparent;
  --border-subtle: transparent;
  --border-glow: transparent;
  --glass-border: transparent;
}

:where(
  .card,
  .box,
  .panel,
  .tile,
  .widget,
  .surface,
  .modal,
  .dialog,
  .drawer,
  .sheet,
  .popover,
  .toast,
  [class*="-card"],
  [class*="card-"],
  [class*="-box"],
  [class*="box-"],
  [class*="-panel"],
  [class*="panel-"],
  [class*="-tile"],
  [class*="tile-"],
  [class*="-widget"],
  [class*="widget-"],
  [class*="-surface"],
  [class*="surface-"],
  [class*="-modal"],
  [class*="modal-"],
  [class*="-dialog"],
  [class*="dialog-"],
  [class*="-drawer"],
  [class*="drawer-"],
  [class*="-sheet"],
  [class*="sheet-"],
  [class*="-kpi"],
  [class*="kpi-"],
  [class*="-metric"],
  [class*="metric-"]
) {
  border: 0 !important;
  border-color: transparent !important;
}

/* Some surfaces draw their border in a decorative pseudo element. */
:where(
  [class*="-card"], [class*="card-"],
  [class*="-box"], [class*="box-"],
  [class*="-panel"], [class*="panel-"],
  [class*="-tile"], [class*="tile-"],
  [class*="-widget"], [class*="widget-"],
  [class*="-modal"], [class*="modal-"],
  [class*="-dialog"], [class*="dialog-"],
  [class*="-drawer"], [class*="drawer-"]
)::before,
:where(
  [class*="-card"], [class*="card-"],
  [class*="-box"], [class*="box-"],
  [class*="-panel"], [class*="panel-"],
  [class*="-tile"], [class*="tile-"],
  [class*="-widget"], [class*="widget-"],
  [class*="-modal"], [class*="modal-"],
  [class*="-dialog"], [class*="dialog-"],
  [class*="-drawer"], [class*="drawer-"]
)::after {
  border-color: transparent !important;
}