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