{
  "components": {
    "button": {
      "variants": {
        "primary": {
          "class": {
            "value": ".btn--primary",
            "type": "other"
          },
          "description": {
            "value": "Mauve filled — 주요 CTA",
            "type": "other"
          },
          "background": {
            "value": "var(--color-brand)",
            "type": "other"
          },
          "color": {
            "value": "#FFFFFF",
            "type": "color"
          },
          "hover_background": {
            "value": "var(--color-brand-deep)",
            "type": "other"
          },
          "hover_box_shadow": {
            "value": "var(--shadow-mauve)",
            "type": "other"
          },
          "hover_transform": {
            "value": "translateY(-1px)",
            "type": "other"
          }
        },
        "secondary": {
          "class": {
            "value": ".btn--secondary",
            "type": "other"
          },
          "description": {
            "value": "Mauve outline — 보조 액션",
            "type": "other"
          },
          "background": {
            "value": "transparent",
            "type": "other"
          },
          "color": {
            "value": "var(--color-brand)",
            "type": "other"
          },
          "border": {
            "value": "1px solid var(--color-brand)",
            "type": "other"
          },
          "hover_background": {
            "value": "var(--color-brand-tint)",
            "type": "other"
          }
        },
        "ghost": {
          "class": {
            "value": ".btn--ghost",
            "type": "other"
          },
          "description": {
            "value": "Text only — 미세 액션",
            "type": "other"
          },
          "background": {
            "value": "transparent",
            "type": "other"
          },
          "color": {
            "value": "var(--text-primary)",
            "type": "other"
          },
          "hover_background": {
            "value": "var(--surface-2)",
            "type": "other"
          }
        }
      },
      "sizes": {
        "default": {
          "padding": {
            "value": "12px 20px",
            "type": "other"
          },
          "font_size": {
            "value": "var(--fs-tag)",
            "type": "other"
          },
          "min_height": {
            "value": "40px",
            "type": "sizing"
          }
        },
        "sm": {
          "class": {
            "value": ".btn--sm",
            "type": "other"
          },
          "padding": {
            "value": "8px 16px",
            "type": "other"
          },
          "font_size": {
            "value": "11px",
            "type": "sizing"
          },
          "min_height": {
            "value": "32px",
            "type": "sizing"
          }
        },
        "lg": {
          "class": {
            "value": ".btn--lg",
            "type": "other"
          },
          "padding": {
            "value": "16px 32px",
            "type": "other"
          },
          "font_size": {
            "value": "var(--fs-sm)",
            "type": "other"
          },
          "min_height": {
            "value": "48px",
            "type": "sizing"
          }
        }
      },
      "modifiers": {
        "block": {
          "value": ".btn--block (full-width)",
          "type": "other"
        }
      },
      "interaction": {
        "transition": {
          "value": "background 0.25s cubic-bezier(0.22, 1, 0.36, 1), color 0.25s, border-color 0.25s, transform 0.18s, box-shadow 0.3s",
          "type": "other"
        },
        "active_transform": {
          "value": "translateY(1px)",
          "type": "other"
        },
        "focus_ring": {
          "value": "var(--shadow-focus)",
          "type": "other"
        }
      }
    },
    "card": {
      "elements": {
        "label": {
          "value": ".card__label  — Caption tier (uppercase, mauve)",
          "type": "other"
        },
        "title": {
          "value": ".card__title  — H3 tier (display font)",
          "type": "other"
        },
        "body": {
          "value": ".card__body   — Body tier (ko font)",
          "type": "other"
        },
        "meta": {
          "value": ".card__meta   — Caption tier (tertiary text)",
          "type": "other"
        },
        "footer": {
          "value": ".card__footer — top-divider + flex space-between",
          "type": "other"
        }
      },
      "base": {
        "background": {
          "value": "var(--surface-2)",
          "type": "other"
        },
        "border": {
          "value": "1px solid var(--border-subtle)",
          "type": "other"
        },
        "border_radius": {
          "value": "var(--radius-lg)",
          "type": "other"
        },
        "padding": {
          "value": "var(--space-8)",
          "type": "other"
        },
        "gap": {
          "value": "var(--space-3)",
          "type": "other"
        },
        "hover_border": {
          "value": "var(--border-strong)",
          "type": "other"
        },
        "hover_shadow": {
          "value": "var(--shadow-md)",
          "type": "other"
        },
        "hover_transform": {
          "value": "translateY(-2px)",
          "type": "other"
        }
      },
      "variants": {
        "outlined": {
          "class": {
            "value": ".card--outlined",
            "type": "other"
          },
          "description": {
            "value": "Transparent bg + visible border",
            "type": "other"
          }
        },
        "elevated": {
          "class": {
            "value": ".card--elevated",
            "type": "other"
          },
          "description": {
            "value": "Shadow-driven elevation, no border",
            "type": "other"
          }
        },
        "brand": {
          "class": {
            "value": ".card--brand",
            "type": "other"
          },
          "description": {
            "value": "Mauve tint bg + brand border",
            "type": "other"
          }
        }
      }
    },
    "navigation": {
      "scope_modes": {
        "default_dark": {
          "background": {
            "value": "rgba(17,17,16,0.85)",
            "type": "color"
          },
          "border_bottom": {
            "value": "0.5px solid rgba(245,240,238,0.06)",
            "type": "other"
          },
          "backdrop_filter": {
            "value": "blur(16px)",
            "type": "other"
          },
          "text_color": {
            "value": "rgba(245,240,238,0.6)",
            "type": "color"
          }
        },
        "nav_light": {
          "class": {
            "value": ".nav-light",
            "type": "other"
          },
          "background": {
            "value": "rgba(240,239,237,0.9)",
            "type": "color"
          },
          "border_bottom": {
            "value": "0.5px solid rgba(31,26,27,0.06)",
            "type": "other"
          },
          "backdrop_filter": {
            "value": "blur(16px)",
            "type": "other"
          },
          "scope_reset": {
            "value": "Re-binds --text-primary/secondary/tertiary/disabled + --border-subtle/default to light values. Children using var(--text-*) auto-flip — no per-element override needed.",
            "type": "other"
          }
        }
      },
      "lang_switcher": {
        "globe_icon": {
          "color": {
            "value": "var(--text-secondary)",
            "type": "other"
          },
          "hover_color": {
            "value": "var(--color-brand)",
            "type": "other"
          },
          "description": {
            "value": "Auto-flip via token — dark scope inverse-mid (rgba(245,240,238,0.85)) / light scope #4A4042",
            "type": "other"
          }
        },
        "arrow_icon": {
          "color": {
            "value": "var(--text-tertiary)",
            "type": "other"
          },
          "description": {
            "value": "Auto-flip — dark inverse-soft / light #6B6263",
            "type": "other"
          }
        },
        "dropdown": {
          "border_radius": {
            "value": "var(--radius-lg)",
            "type": "other"
          },
          "default_dark": {
            "background": {
              "value": "rgba(245,240,238,0.08)",
              "type": "color"
            },
            "backdrop_filter": {
              "value": "blur(28px) saturate(160%)",
              "type": "other"
            },
            "border": {
              "value": "0.5px solid rgba(245,240,238,0.18)",
              "type": "other"
            },
            "box_shadow": {
              "value": "0 12px 32px rgba(0,0,0,0.32)",
              "type": "other"
            },
            "description": {
              "value": "Frosted milky glass on dark hero/section bg",
              "type": "other"
            }
          },
          "nav_light": {
            "background": {
              "value": "rgba(31,26,27,0.05)",
              "type": "color"
            },
            "backdrop_filter": {
              "value": "blur(28px) saturate(160%)",
              "type": "other"
            },
            "border": {
              "value": "0.5px solid rgba(31,26,27,0.1)",
              "type": "other"
            },
            "box_shadow": {
              "value": "0 12px 32px rgba(31,26,27,0.08)",
              "type": "other"
            },
            "description": {
              "value": "Frosted darker glass on light section bg",
              "type": "other"
            }
          }
        }
      }
    }
  },
  "color": {
    "cellogram-mauve": {
      "50": {
        "value": "#FBFAFA",
        "type": "color"
      },
      "100": {
        "value": "#F4F1F0",
        "type": "color"
      },
      "200": {
        "value": "#ECE7E5",
        "type": "color"
      },
      "300": {
        "value": "#E0D8D6",
        "type": "color"
      },
      "400": {
        "value": "#C4B5B7",
        "type": "color"
      },
      "500": {
        "value": "#947F82",
        "type": "color"
      },
      "600": {
        "value": "#6F5D60",
        "type": "color"
      },
      "700": {
        "value": "#4A4042",
        "type": "color"
      },
      "800": {
        "value": "#312729",
        "type": "color"
      },
      "900": {
        "value": "#0A0A09",
        "type": "color"
      }
    },
    "gray": {
      "50": {
        "value": "#FAFAFA",
        "type": "color"
      },
      "100": {
        "value": "#F4F4F4",
        "type": "color"
      },
      "200": {
        "value": "#E5E5E5",
        "type": "color"
      },
      "300": {
        "value": "#D4D4D4",
        "type": "color"
      },
      "400": {
        "value": "#A3A3A3",
        "type": "color"
      },
      "500": {
        "value": "#737373",
        "type": "color"
      },
      "600": {
        "value": "#525252",
        "type": "color"
      },
      "700": {
        "value": "#404040",
        "type": "color"
      },
      "800": {
        "value": "#262626",
        "type": "color"
      },
      "900": {
        "value": "#171717",
        "type": "color"
      }
    },
    "brand": {
      "primary": {
        "value": "#947F82",
        "type": "color"
      },
      "deep": {
        "value": "#6F5D60",
        "type": "color"
      },
      "tint": {
        "value": "rgba(148,127,130,0.08)",
        "type": "color"
      },
      "light": {
        "value": "#C4B5B7",
        "type": "color"
      },
      "glow": {
        "value": "rgba(148,127,130,0.18)",
        "type": "color"
      }
    },
    "surface": {
      "canvas": {
        "value": "#FBFAFA",
        "type": "color"
      },
      "level_1": {
        "value": "#F4F1F0",
        "type": "color"
      },
      "level_2": {
        "value": "#ECE7E5",
        "type": "color"
      },
      "level_3": {
        "value": "#E0D8D6",
        "type": "color"
      },
      "sunk": {
        "value": "#D4CDC9",
        "type": "color"
      },
      "dark_0": {
        "value": "#0A0A09",
        "type": "color"
      },
      "dark_1": {
        "value": "#1A1718",
        "type": "color"
      },
      "dark_2": {
        "value": "#261F21",
        "type": "color"
      },
      "dark_3": {
        "value": "#312729",
        "type": "color"
      }
    },
    "text": {
      "primary": {
        "value": "#1F1A1B",
        "type": "color"
      },
      "secondary": {
        "value": "#4A4042",
        "type": "color"
      },
      "tertiary": {
        "value": "#6B6263",
        "type": "color"
      },
      "disabled": {
        "value": "#9C9091",
        "type": "color"
      },
      "inverse": {
        "value": "#F5F0EE",
        "type": "color"
      },
      "inverse-mid": {
        "value": "rgba(245,240,238,0.85)",
        "type": "color"
      },
      "inverse-soft": {
        "value": "rgba(245,240,238,0.6)",
        "type": "color"
      }
    },
    "border": {
      "subtle": {
        "value": "#EDE6E4",
        "type": "color"
      },
      "default": {
        "value": "#DDD2CE",
        "type": "color"
      },
      "strong": {
        "value": "#B8A6A2",
        "type": "color"
      },
      "brand": {
        "value": "var(--color-brand-light)",
        "type": "other"
      }
    },
    "clearmed-key": {
      "500": {
        "value": "#947F82",
        "type": "color"
      }
    }
  },
  "dark": {
    "color": {
      "surface": {
        "1": {
          "value": "#1A1718",
          "type": "color"
        },
        "2": {
          "value": "#261F21",
          "type": "color"
        },
        "3": {
          "value": "#312729",
          "type": "color"
        },
        "canvas": {
          "value": "#0A0A09",
          "type": "color"
        }
      },
      "text": {
        "primary": {
          "value": "#F5F0EE",
          "type": "color"
        },
        "secondary": {
          "value": "rgba(245,240,238,0.85)",
          "type": "color"
        },
        "tertiary": {
          "value": "rgba(245,240,238,0.6)",
          "type": "color"
        }
      },
      "border": {
        "subtle": {
          "value": "rgba(245,240,238,0.06)",
          "type": "color"
        },
        "default": {
          "value": "rgba(245,240,238,0.12)",
          "type": "color"
        },
        "strong": {
          "value": "rgba(245,240,238,0.24)",
          "type": "color"
        }
      }
    }
  },
  "state": {
    "hover": {
      "background": {
        "value": "rgba(148,127,130,0.08)",
        "type": "color"
      },
      "shadow": {
        "value": "0 8px 24px rgba(148,127,130,0.18)",
        "type": "other"
      },
      "transform": {
        "value": "translateY(-1px)",
        "type": "other"
      }
    },
    "active": {
      "transform": {
        "value": "translateY(1px)",
        "type": "other"
      }
    },
    "focus": {
      "shadow": {
        "value": "0 0 0 3px rgba(196,181,183,0.4)",
        "type": "other"
      }
    },
    "focus-visible": {
      "shadow": {
        "value": "0 0 0 3px rgba(196,181,183,0.4)",
        "type": "other"
      },
      "outline": {
        "value": "none",
        "type": "other"
      }
    },
    "disabled": {
      "opacity": {
        "value": 0.5,
        "type": "sizing"
      },
      "cursor": {
        "value": "not-allowed",
        "type": "other"
      },
      "description": {
        "value": "Common 6 — applies to Button + Input",
        "type": "other"
      }
    },
    "loading": {
      "cursor": {
        "value": "progress",
        "type": "other"
      },
      "opacity": {
        "value": 0.7,
        "type": "sizing"
      }
    },
    "error": {
      "border": {
        "value": "#C84A4A",
        "type": "color"
      },
      "text": {
        "value": "#C84A4A",
        "type": "color"
      },
      "bg": {
        "value": "rgba(200,74,74,0.05)",
        "type": "color"
      }
    },
    "success": {
      "border": {
        "value": "#4A8B6F",
        "type": "color"
      },
      "text": {
        "value": "#4A8B6F",
        "type": "color"
      },
      "bg": {
        "value": "rgba(74,139,111,0.05)",
        "type": "color"
      }
    },
    "input": {
      "border-default": {
        "value": "#DDD2CE",
        "type": "color"
      },
      "border-hover": {
        "value": "#B8A6A2",
        "type": "color"
      },
      "border-focus": {
        "value": "#947F82",
        "type": "color"
      },
      "border-error": {
        "value": "#C84A4A",
        "type": "color"
      },
      "border-success": {
        "value": "#4A8B6F",
        "type": "color"
      },
      "bg-default": {
        "value": "#FBFAFA",
        "type": "color"
      },
      "bg-error": {
        "value": "rgba(200,74,74,0.05)",
        "type": "color"
      },
      "bg-success": {
        "value": "rgba(74,139,111,0.05)",
        "type": "color"
      },
      "label-error": {
        "value": "#C84A4A",
        "type": "color"
      },
      "label-success": {
        "value": "#4A8B6F",
        "type": "color"
      }
    }
  },
  "typography": {
    "font-family": {
      "display": {
        "value": "'Outfit', 'Pretendard', sans-serif",
        "type": "other"
      },
      "body": {
        "value": "'Outfit', 'Pretendard', sans-serif",
        "type": "other"
      },
      "en": {
        "value": "'Outfit', sans-serif",
        "type": "other"
      },
      "ko": {
        "value": "'Pretendard', 'Outfit', sans-serif",
        "type": "other"
      }
    },
    "font-size": {
      "display": {
        "value": "clamp(56px, 9vh, 172px)",
        "type": "sizing"
      },
      "hero": {
        "value": "var(--fs-display)",
        "type": "other"
      },
      "h1": {
        "value": "clamp(40px, 7vh, 128px)",
        "type": "sizing"
      },
      "h2": {
        "value": "clamp(32px, 5.5vh, 92px)",
        "type": "sizing"
      },
      "h3": {
        "value": "clamp(22px, 3.5vh, 52px)",
        "type": "sizing"
      },
      "body_lg": {
        "value": "clamp(20px, 2.04vh, 30px)",
        "type": "sizing"
      },
      "body": {
        "value": "clamp(16px, 1.67vh, 24px)",
        "type": "sizing"
      },
      "sm": {
        "value": "clamp(13px, 1.3vh, 20px)",
        "type": "sizing"
      },
      "tag": {
        "value": "clamp(12px, 1.2vh, 18px)",
        "type": "sizing"
      },
      "quote": {
        "value": "clamp(18px, 2.2vh, 28px)",
        "type": "sizing"
      }
    },
    "line-height": {
      "display": {
        "value": "1.05",
        "type": "other"
      },
      "tight": {
        "value": "1.1",
        "type": "other"
      },
      "heading": {
        "value": "1.25",
        "type": "other"
      },
      "body": {
        "value": "1.85",
        "type": "other"
      },
      "tight_body": {
        "value": "1.6",
        "type": "other"
      },
      "small": {
        "value": "1.5",
        "type": "other"
      }
    },
    "letter-spacing": {
      "display": {
        "value": "-0.034em",
        "type": "other"
      },
      "heading": {
        "value": "-0.022em",
        "type": "other"
      },
      "body": {
        "value": "-0.011em",
        "type": "other"
      },
      "small": {
        "value": "-0.005em",
        "type": "other"
      },
      "tight": {
        "value": "-0.034em",
        "type": "other"
      },
      "normal": {
        "value": "0",
        "type": "other"
      },
      "loose": {
        "value": "0.02em",
        "type": "other"
      },
      "label": {
        "value": "0.18em",
        "type": "other"
      }
    },
    "font-weight": {
      "display": {
        "value": 200,
        "type": "sizing"
      },
      "h1": {
        "value": 300,
        "type": "sizing"
      },
      "h2": {
        "value": 400,
        "type": "sizing"
      },
      "h3": {
        "value": 500,
        "type": "sizing"
      },
      "body_lg": {
        "value": 400,
        "type": "sizing"
      },
      "body": {
        "value": 400,
        "type": "sizing"
      },
      "small": {
        "value": 500,
        "type": "sizing"
      },
      "tag": {
        "value": 600,
        "type": "sizing"
      },
      "strong": {
        "value": 700,
        "type": "sizing"
      },
      "display_strong": {
        "value": 800,
        "type": "sizing"
      }
    },
    "korean": {
      "letter_spacing": {
        "ko_display": {
          "value": "-0.034em",
          "type": "other"
        },
        "ko_heading": {
          "value": "-0.022em",
          "type": "other"
        },
        "ko_body": {
          "value": "-0.011em",
          "type": "other"
        },
        "ko_small": {
          "value": "-0.005em",
          "type": "other"
        }
      },
      "font_weight": {
        "hero": {
          "value": 200,
          "type": "sizing"
        },
        "h1": {
          "value": 300,
          "type": "sizing"
        },
        "h2_h3": {
          "value": 500,
          "type": "sizing"
        },
        "body": {
          "value": 400,
          "type": "sizing"
        },
        "small": {
          "value": 500,
          "type": "sizing"
        },
        "tag_kicker": {
          "value": 600,
          "type": "sizing"
        }
      },
      "line_height": {
        "ko_hero": {
          "value": 1.05,
          "type": "sizing"
        },
        "ko_heading": {
          "value": 1.25,
          "type": "sizing"
        },
        "ko_body": {
          "value": 1.65,
          "type": "sizing"
        },
        "ko_small": {
          "value": 1.5,
          "type": "sizing"
        }
      }
    },
    "_aliases": {
      "ls-tight": {
        "value": "-0.034em",
        "type": "other"
      },
      "ls-normal": {
        "value": "-0.011em",
        "type": "other"
      }
    }
  },
  "en": {
    "typography": {
      "line-height": {
        "body": {
          "value": 1.7,
          "type": "sizing"
        },
        "small": {
          "value": 1.5,
          "type": "sizing"
        }
      },
      "letter-spacing": {
        "body": {
          "value": 0,
          "type": "sizing"
        },
        "small": {
          "value": 0,
          "type": "sizing"
        }
      }
    }
  },
  "ja": {
    "typography": {
      "font-family": {
        "body": {
          "value": "'Noto Sans JP', 'Outfit', sans-serif",
          "type": "other"
        }
      },
      "line-height": {
        "body": {
          "value": 2,
          "type": "sizing"
        },
        "small": {
          "value": 1.6,
          "type": "sizing"
        }
      },
      "letter-spacing": {
        "body": {
          "value": "0.02em",
          "type": "other"
        },
        "small": {
          "value": "0.02em",
          "type": "other"
        }
      }
    }
  },
  "ko": {
    "typography": {
      "line-height": {
        "body": {
          "value": 1.85,
          "type": "sizing"
        },
        "small": {
          "value": 1.5,
          "type": "sizing"
        }
      },
      "letter-spacing": {
        "body": {
          "value": "-0.011em",
          "type": "other"
        },
        "small": {
          "value": "-0.005em",
          "type": "other"
        }
      }
    }
  },
  "zh-Hans": {
    "typography": {
      "font-family": {
        "body": {
          "value": "'Noto Sans SC', 'Outfit', sans-serif",
          "type": "other"
        }
      },
      "line-height": {
        "body": {
          "value": 1.85,
          "type": "sizing"
        },
        "small": {
          "value": 1.5,
          "type": "sizing"
        }
      },
      "letter-spacing": {
        "body": {
          "value": 0,
          "type": "sizing"
        },
        "small": {
          "value": 0,
          "type": "sizing"
        }
      }
    }
  },
  "animation": {
    "easing": {
      "slow_out": {
        "value": "cubic-bezier(0.22, 1, 0.36, 1)",
        "type": "other"
      },
      "ease_in_out": {
        "value": "ease-in-out",
        "type": "other"
      }
    },
    "duration": {
      "hover_micro": {
        "value": "0.18s",
        "type": "other"
      },
      "hover_default": {
        "value": "0.25s",
        "type": "other"
      },
      "hover_long": {
        "value": "0.3s",
        "type": "other"
      },
      "entry_fast": {
        "value": "0.6s",
        "type": "other"
      },
      "entry_default": {
        "value": "1.2s",
        "type": "other"
      },
      "breathe_loop": {
        "value": "7s",
        "type": "other"
      },
      "halo_pulse": {
        "value": "8s",
        "type": "other"
      }
    }
  },
  "breakpoint": {
    "phone_xs": {
      "value": "480px",
      "type": "sizing"
    },
    "phone_sm": {
      "value": "600px",
      "type": "sizing"
    },
    "phone_md": {
      "value": "640px",
      "type": "sizing"
    },
    "mobile": {
      "value": "768px",
      "type": "sizing"
    },
    "tablet_max": {
      "value": "1280px",
      "type": "sizing"
    },
    "container_2k_low": {
      "value": "2000px",
      "type": "sizing"
    },
    "fhd_to_2k": {
      "value": "2560px",
      "type": "sizing"
    },
    "twok_to_4k": {
      "value": "2800px",
      "type": "sizing"
    },
    "fourk": {
      "value": "3600px",
      "type": "sizing"
    },
    "fourk_min": {
      "value": "3840px",
      "type": "sizing"
    },
    "ultra": {
      "value": "4100px",
      "type": "sizing"
    }
  },
  "radius": {
    "none": {
      "value": "0",
      "type": "other"
    },
    "sm": {
      "value": "4px",
      "type": "sizing"
    },
    "md": {
      "value": "8px",
      "type": "sizing"
    },
    "lg": {
      "value": "12px",
      "type": "sizing"
    },
    "xl": {
      "value": "16px",
      "type": "sizing"
    },
    "2xl": {
      "value": "24px",
      "type": "sizing"
    },
    "pill": {
      "value": "9999px",
      "type": "sizing"
    }
  },
  "shadow": {
    "sm": {
      "value": "0 1px 2px rgba(31,26,27,0.05)",
      "type": "other"
    },
    "md": {
      "value": "0 4px 12px rgba(31,26,27,0.08)",
      "type": "other"
    },
    "lg": {
      "value": "0 12px 32px rgba(31,26,27,0.12)",
      "type": "other"
    },
    "xl": {
      "value": "0 24px 64px rgba(31,26,27,0.16)",
      "type": "other"
    },
    "mauve": {
      "value": "0 8px 24px rgba(148,127,130,0.18)",
      "type": "other"
    },
    "focus": {
      "value": "0 0 0 3px rgba(196,181,183,0.4)",
      "type": "other"
    }
  },
  "spacing": {
    "scale": {
      "0": {
        "value": "0",
        "type": "other"
      },
      "1": {
        "value": "4px",
        "type": "sizing"
      },
      "2": {
        "value": "8px",
        "type": "sizing"
      },
      "3": {
        "value": "12px",
        "type": "sizing"
      },
      "4": {
        "value": "16px",
        "type": "sizing"
      },
      "5": {
        "value": "20px",
        "type": "sizing"
      },
      "6": {
        "value": "24px",
        "type": "sizing"
      },
      "8": {
        "value": "32px",
        "type": "sizing"
      },
      "10": {
        "value": "40px",
        "type": "sizing"
      },
      "12": {
        "value": "48px",
        "type": "sizing"
      },
      "14": {
        "value": "56px",
        "type": "sizing"
      },
      "16": {
        "value": "64px",
        "type": "sizing"
      },
      "20": {
        "value": "80px",
        "type": "sizing"
      },
      "24": {
        "value": "96px",
        "type": "sizing"
      },
      "30": {
        "value": "120px",
        "type": "sizing"
      },
      "40": {
        "value": "160px",
        "type": "sizing"
      }
    },
    "section": {
      "slide_pad_y": {
        "value": "clamp(48px, 6vh, 120px)",
        "type": "sizing"
      },
      "slide_pad_x": {
        "value": "clamp(32px, 4vw, 140px)",
        "type": "sizing"
      },
      "slide_gap_lg": {
        "value": "clamp(24px, 3vh, 56px)",
        "type": "sizing"
      },
      "slide_gap_md": {
        "value": "clamp(16px, 2vh, 32px)",
        "type": "sizing"
      },
      "slide_gap_sm": {
        "value": "clamp(8px, 1vh, 16px)",
        "type": "sizing"
      }
    }
  },
  "z-index": {
    "base": {
      "value": 0,
      "type": "sizing"
    },
    "raised": {
      "value": 10,
      "type": "sizing"
    },
    "dropdown": {
      "value": 1000,
      "type": "sizing"
    },
    "modal": {
      "value": 2000,
      "type": "sizing"
    },
    "toast": {
      "value": 3000,
      "type": "sizing"
    }
  }
}