/*
 * M3 Shape — corner radius scale (10 langkah, M3 Expressive)
 * Spec: https://m3.material.io/styles/shape/corner-radius-scale
 * Diverifikasi terhadap androidx compose material3 tokens/ShapeTokens.kt.
 */
@layer tokens, base, components, utilities;
@layer tokens {
  :root {
    --md-sys-shape-corner-none: 0;
    --md-sys-shape-corner-extra-small: 4px;
    --md-sys-shape-corner-small: 8px;
    --md-sys-shape-corner-medium: 12px;
    --md-sys-shape-corner-large: 16px;
    --md-sys-shape-corner-large-increased: 20px;
    --md-sys-shape-corner-extra-large: 28px;
    --md-sys-shape-corner-extra-large-increased: 32px;
    --md-sys-shape-corner-extra-extra-large: 48px;
    --md-sys-shape-corner-full: 9999px;

    /* Bentuk asimetris resmi (inner corners) */
    --md-sys-shape-corner-extra-small-top: var(--md-sys-shape-corner-extra-small)
      var(--md-sys-shape-corner-extra-small) 0 0;
    --md-sys-shape-corner-large-top: var(--md-sys-shape-corner-large)
      var(--md-sys-shape-corner-large) 0 0;
    --md-sys-shape-corner-large-start: var(--md-sys-shape-corner-large) 0 0
      var(--md-sys-shape-corner-large);
    --md-sys-shape-corner-large-end: 0 var(--md-sys-shape-corner-large)
      var(--md-sys-shape-corner-large) 0;
    --md-sys-shape-corner-extra-large-top: var(--md-sys-shape-corner-extra-large)
      var(--md-sys-shape-corner-extra-large) 0 0;
  }
}