/* DoEdu Border & Radius Tokens
   Soft hairline borders — flat color fills carry most of the definition */

:root {
  /* ── Widths ── */
  --border-width:       1px;
  --border-width-thick: 1px;

  /* ── Shorthand ── */
  --border:       1px solid var(--color-border);
  --border-thick: 1px solid var(--color-border);

  /* ── Radius scale ── */
  --radius-xs:   6px;
  --radius-sm:   10px;
  --radius-md:   16px;
  --radius-lg:   24px;
  --radius-xl:   32px;
  --radius-2xl:  48px;
  --radius-full: 9999px;   /* pill / circle */

  /* ── Semantic radius ── */
  --radius-card:   var(--radius-xl);   /* cards always get xl */
  --radius-button: var(--radius-full); /* buttons always pill */
  --radius-input:  var(--radius-md);
  --radius-badge:  var(--radius-full);
  --radius-avatar: var(--radius-full);
}