:root {
  /* Border Width */
  --border-width-xs: 0.046875rem; /* 0.75px */
  --border-width-sm: 0.05rem; /* 0.8px */
  --border-width-base: 0.0625rem; /* 1px */
  --border-width-md: 0.09375rem; /* 1.5px */
  --border-width-lg: 0.125rem; /* 2px */
  --border-width-xl: 0.1875rem; /* 3px */

  /* Border Radius */
  --radius-none: 0;
  --radius-xs: 0.25rem; /* 4px */
  --radius-sm: 0.375rem; /* 6px */
  --radius-md: 0.5rem; /* 8px */
  --radius-lg: 0.625rem; /* 10px */
  --radius-xl: 0.75rem; /* 12px */
  --radius-2xl: 0.9375rem; /* 15px */
  --radius-3xl: 1rem; /* 16px */
  --radius-4xl: 1.125rem; /* 18px */
  --radius-5xl: 1.25rem; /* 20px */
  --radius-6xl: 1.5625rem; /* 25px */

  --border-default: var(--border-width-base) solid var(--color-border);
  --border-light: var(--border-width-base) solid var(--color-border-light);
  --border-subtle: var(--border-width-base) solid var(--color-border-subtle);
  --border-strong-dashed: var(--border-width-base) dashed var(--color-border-strong);
  --border-strong-thin: var(--border-width-xs) solid var(--color-border-strong);
  --border-primary-thin: var(--border-width-xs) solid var(--color-primary);
  --border-subtle-medium: var(--border-width-md) solid var(--color-border-subtle);
  --border-light-thin: var(--border-width-sm) solid var(--color-border-light);
  --border-warning: var(--border-width-lg) solid var(--color-warning-dark);
  --border-primary: var(--border-width-lg) solid var(--color-primary);
}