CSS変数一覧

  • --grayLightness01
    99.9%
  • --grayLightness02
    95%
  • --grayLightness03
    90%
  • --grayLightness04
    85%
  • --grayLightness05
    80%
  • --grayLightness06
    75%
  • --grayLightness07
    70%
  • --grayLightness08
    65%
  • --grayLightness09
    60%
  • --grayLightness10
    55%
  • --grayLightness11
    50%
  • --grayLightness12
    45%
  • --grayLightness13
    40%
  • --grayLightness14
    35%
  • --grayLightness15
    30%
  • --grayLightness16
    25%
  • --grayLightness17
    20%
  • --grayLightness18
    15%
  • --grayLightness19
    10%
  • --grayLightness20
    3%
  • --grayChroma01
    0.01
  • --grayChroma02
    0.01
  • --grayChroma03
    0.01
  • --grayChroma04
    0.01
  • --grayChroma05
    0.01
  • --grayChroma06
    0.01
  • --grayChroma07
    0.01
  • --grayChroma08
    0.01
  • --grayChroma09
    0.01
  • --grayChroma10
    0.01
  • --grayChroma11
    0.01
  • --grayChroma12
    0.01
  • --grayChroma13
    0.01
  • --grayChroma14
    0.01
  • --grayChroma15
    0.01
  • --grayChroma16
    0.01
  • --grayChroma17
    0.01
  • --grayChroma18
    0.01
  • --grayChroma19
    0.01
  • --grayChroma20
    0.01
  • --grayHue01
    120
  • --grayHue02
    120
  • --grayHue03
    120
  • --grayHue04
    120
  • --grayHue05
    120
  • --grayHue06
    120
  • --grayHue07
    120
  • --grayHue08
    120
  • --grayHue09
    120
  • --grayHue10
    120
  • --grayHue11
    120
  • --grayHue12
    120
  • --grayHue13
    120
  • --grayHue14
    120
  • --grayHue15
    120
  • --grayHue16
    120
  • --grayHue17
    120
  • --grayHue18
    120
  • --grayHue19
    120
  • --grayHue20
    120
  • --redLightness01
    99.9%
  • --redLightness02
    95%
  • --redLightness03
    90%
  • --redLightness04
    85%
  • --redLightness05
    80%
  • --redLightness06
    75%
  • --redLightness07
    70%
  • --redLightness08
    65%
  • --redLightness09
    60%
  • --redLightness10
    55%
  • --redLightness11
    50%
  • --redLightness12
    45%
  • --redLightness13
    40%
  • --redLightness14
    35%
  • --redLightness15
    30%
  • --redLightness16
    25%
  • --redLightness17
    20%
  • --redLightness18
    15%
  • --redLightness19
    10%
  • --redLightness20
    5%
  • --redChroma01
    0.09
  • --redChroma02
    0.104
  • --redChroma03
    0.118
  • --redChroma04
    0.131
  • --redChroma05
    0.143
  • --redChroma06
    0.154
  • --redChroma07
    0.163
  • --redChroma08
    0.17
  • --redChroma09
    0.176
  • --redChroma10
    0.179
  • --redChroma11
    0.18
  • --redChroma12
    0.179
  • --redChroma13
    0.176
  • --redChroma14
    0.17
  • --redChroma15
    0.163
  • --redChroma16
    0.154
  • --redChroma17
    0.143
  • --redChroma18
    0.131
  • --redChroma19
    0.118
  • --redChroma20
    0.104
  • --redHue01
    30
  • --redHue02
    30
  • --redHue03
    30
  • --redHue04
    30
  • --redHue05
    30
  • --redHue06
    30
  • --redHue07
    30
  • --redHue08
    30
  • --redHue09
    30
  • --redHue10
    30
  • --redHue11
    30
  • --redHue12
    30
  • --redHue13
    30
  • --redHue14
    30
  • --redHue15
    30
  • --redHue16
    30
  • --redHue17
    30
  • --redHue18
    30
  • --redHue19
    30
  • --redHue20
    30
  • --blueLightness01
    99.9%
  • --blueLightness02
    95%
  • --blueLightness03
    90%
  • --blueLightness04
    85%
  • --blueLightness05
    80%
  • --blueLightness06
    75%
  • --blueLightness07
    70%
  • --blueLightness08
    65%
  • --blueLightness09
    60%
  • --blueLightness10
    55%
  • --blueLightness11
    50%
  • --blueLightness12
    45%
  • --blueLightness13
    40%
  • --blueLightness14
    35%
  • --blueLightness15
    30%
  • --blueLightness16
    25%
  • --blueLightness17
    20%
  • --blueLightness18
    15%
  • --blueLightness19
    10%
  • --blueLightness20
    5%
  • --blueChroma01
    0.09
  • --blueChroma02
    0.104
  • --blueChroma03
    0.118
  • --blueChroma04
    0.131
  • --blueChroma05
    0.143
  • --blueChroma06
    0.154
  • --blueChroma07
    0.163
  • --blueChroma08
    0.17
  • --blueChroma09
    0.176
  • --blueChroma10
    0.179
  • --blueChroma11
    0.18
  • --blueChroma12
    0.179
  • --blueChroma13
    0.176
  • --blueChroma14
    0.17
  • --blueChroma15
    0.163
  • --blueChroma16
    0.154
  • --blueChroma17
    0.143
  • --blueChroma18
    0.131
  • --blueChroma19
    0.118
  • --blueChroma20
    0.104
  • --blueHue01
    270
  • --blueHue02
    270
  • --blueHue03
    270
  • --blueHue04
    270
  • --blueHue05
    270
  • --blueHue06
    270
  • --blueHue07
    270
  • --blueHue08
    270
  • --blueHue09
    270
  • --blueHue10
    270
  • --blueHue11
    270
  • --blueHue12
    270
  • --blueHue13
    270
  • --blueHue14
    270
  • --blueHue15
    270
  • --blueHue16
    270
  • --blueHue17
    270
  • --blueHue18
    270
  • --blueHue19
    270
  • --blueHue20
    270
  • --themeLightness01
    99.9%
  • --themeLightness02
    95%
  • --themeLightness03
    90%
  • --themeLightness04
    85%
  • --themeLightness05
    80%
  • --themeLightness06
    75%
  • --themeLightness07
    70%
  • --themeLightness08
    65%
  • --themeLightness09
    60%
  • --themeLightness10
    55%
  • --themeLightness11
    50%
  • --themeLightness12
    45%
  • --themeLightness13
    40%
  • --themeLightness14
    35%
  • --themeLightness15
    30%
  • --themeLightness16
    25%
  • --themeLightness17
    20%
  • --themeLightness18
    15%
  • --themeLightness19
    10%
  • --themeLightness20
    5%
  • --themeChroma01
    0.09
  • --themeChroma02
    0.104
  • --themeChroma03
    0.118
  • --themeChroma04
    0.131
  • --themeChroma05
    0.143
  • --themeChroma06
    0.154
  • --themeChroma07
    0.163
  • --themeChroma08
    0.17
  • --themeChroma09
    0.176
  • --themeChroma10
    0.179
  • --themeChroma11
    0.18
  • --themeChroma12
    0.179
  • --themeChroma13
    0.176
  • --themeChroma14
    0.17
  • --themeChroma15
    0.163
  • --themeChroma16
    0.154
  • --themeChroma17
    0.143
  • --themeChroma18
    0.131
  • --themeChroma19
    0.118
  • --themeChroma20
    0.104
  • --themeHue01
    120
  • --themeHue02
    120
  • --themeHue03
    120
  • --themeHue04
    120
  • --themeHue05
    120
  • --themeHue06
    120
  • --themeHue07
    120
  • --themeHue08
    120
  • --themeHue09
    120
  • --themeHue10
    120
  • --themeHue11
    120
  • --themeHue12
    120
  • --themeHue13
    120
  • --themeHue14
    120
  • --themeHue15
    120
  • --themeHue16
    120
  • --themeHue17
    120
  • --themeHue18
    120
  • --themeHue19
    120
  • --themeHue20
    120
  • --grayOnGrayLightness01
    3%
  • --grayOnGrayLightness02
    3%
  • --grayOnGrayLightness03
    3%
  • --grayOnGrayLightness04
    3%
  • --grayOnGrayLightness05
    3%
  • --grayOnGrayLightness06
    3%
  • --grayOnGrayLightness07
    99.9%
  • --grayOnGrayLightness08
    99.9%
  • --grayOnGrayLightness09
    99.9%
  • --grayOnGrayLightness10
    99.9%
  • --grayOnGrayLightness11
    99.9%
  • --grayOnGrayLightness12
    99.9%
  • --grayOnGrayLightness13
    99.9%
  • --grayOnGrayLightness14
    99.9%
  • --grayOnGrayLightness15
    99.9%
  • --grayOnGrayLightness16
    99.9%
  • --grayOnGrayLightness17
    99.9%
  • --grayOnGrayLightness18
    99.9%
  • --grayOnGrayLightness19
    99.9%
  • --grayOnGrayLightness20
    99.9%
  • --grayOnGrayChroma01
    0.01
  • --grayOnGrayChroma02
    0.01
  • --grayOnGrayChroma03
    0.01
  • --grayOnGrayChroma04
    0.01
  • --grayOnGrayChroma05
    0.01
  • --grayOnGrayChroma06
    0.01
  • --grayOnGrayChroma07
    0.01
  • --grayOnGrayChroma08
    0.01
  • --grayOnGrayChroma09
    0.01
  • --grayOnGrayChroma10
    0.01
  • --grayOnGrayChroma11
    0.01
  • --grayOnGrayChroma12
    0.01
  • --grayOnGrayChroma13
    0.01
  • --grayOnGrayChroma14
    0.01
  • --grayOnGrayChroma15
    0.01
  • --grayOnGrayChroma16
    0.01
  • --grayOnGrayChroma17
    0.01
  • --grayOnGrayChroma18
    0.01
  • --grayOnGrayChroma19
    0.01
  • --grayOnGrayChroma20
    0.01
  • --grayOnGrayHue01
    120
  • --grayOnGrayHue02
    120
  • --grayOnGrayHue03
    120
  • --grayOnGrayHue04
    120
  • --grayOnGrayHue05
    120
  • --grayOnGrayHue06
    120
  • --grayOnGrayHue07
    120
  • --grayOnGrayHue08
    120
  • --grayOnGrayHue09
    120
  • --grayOnGrayHue10
    120
  • --grayOnGrayHue11
    120
  • --grayOnGrayHue12
    120
  • --grayOnGrayHue13
    120
  • --grayOnGrayHue14
    120
  • --grayOnGrayHue15
    120
  • --grayOnGrayHue16
    120
  • --grayOnGrayHue17
    120
  • --grayOnGrayHue18
    120
  • --grayOnGrayHue19
    120
  • --grayOnGrayHue20
    120
  • --grayOnRedLightness01
    3%
  • --grayOnRedLightness02
    3%
  • --grayOnRedLightness03
    3%
  • --grayOnRedLightness04
    3%
  • --grayOnRedLightness05
    3%
  • --grayOnRedLightness06
    3%
  • --grayOnRedLightness07
    99.9%
  • --grayOnRedLightness08
    99.9%
  • --grayOnRedLightness09
    99.9%
  • --grayOnRedLightness10
    99.9%
  • --grayOnRedLightness11
    99.9%
  • --grayOnRedLightness12
    99.9%
  • --grayOnRedLightness13
    99.9%
  • --grayOnRedLightness14
    99.9%
  • --grayOnRedLightness15
    99.9%
  • --grayOnRedLightness16
    99.9%
  • --grayOnRedLightness17
    99.9%
  • --grayOnRedLightness18
    99.9%
  • --grayOnRedLightness19
    99.9%
  • --grayOnRedLightness20
    99.9%
  • --grayOnRedChroma01
    0.01
  • --grayOnRedChroma02
    0.01
  • --grayOnRedChroma03
    0.01
  • --grayOnRedChroma04
    0.01
  • --grayOnRedChroma05
    0.01
  • --grayOnRedChroma06
    0.01
  • --grayOnRedChroma07
    0.01
  • --grayOnRedChroma08
    0.01
  • --grayOnRedChroma09
    0.01
  • --grayOnRedChroma10
    0.01
  • --grayOnRedChroma11
    0.01
  • --grayOnRedChroma12
    0.01
  • --grayOnRedChroma13
    0.01
  • --grayOnRedChroma14
    0.01
  • --grayOnRedChroma15
    0.01
  • --grayOnRedChroma16
    0.01
  • --grayOnRedChroma17
    0.01
  • --grayOnRedChroma18
    0.01
  • --grayOnRedChroma19
    0.01
  • --grayOnRedChroma20
    0.01
  • --grayOnRedHue01
    120
  • --grayOnRedHue02
    120
  • --grayOnRedHue03
    120
  • --grayOnRedHue04
    120
  • --grayOnRedHue05
    120
  • --grayOnRedHue06
    120
  • --grayOnRedHue07
    120
  • --grayOnRedHue08
    120
  • --grayOnRedHue09
    120
  • --grayOnRedHue10
    120
  • --grayOnRedHue11
    120
  • --grayOnRedHue12
    120
  • --grayOnRedHue13
    120
  • --grayOnRedHue14
    120
  • --grayOnRedHue15
    120
  • --grayOnRedHue16
    120
  • --grayOnRedHue17
    120
  • --grayOnRedHue18
    120
  • --grayOnRedHue19
    120
  • --grayOnRedHue20
    120
  • --grayOnBlueLightness01
    3%
  • --grayOnBlueLightness02
    3%
  • --grayOnBlueLightness03
    3%
  • --grayOnBlueLightness04
    3%
  • --grayOnBlueLightness05
    3%
  • --grayOnBlueLightness06
    3%
  • --grayOnBlueLightness07
    99.9%
  • --grayOnBlueLightness08
    99.9%
  • --grayOnBlueLightness09
    99.9%
  • --grayOnBlueLightness10
    99.9%
  • --grayOnBlueLightness11
    99.9%
  • --grayOnBlueLightness12
    99.9%
  • --grayOnBlueLightness13
    99.9%
  • --grayOnBlueLightness14
    99.9%
  • --grayOnBlueLightness15
    99.9%
  • --grayOnBlueLightness16
    99.9%
  • --grayOnBlueLightness17
    99.9%
  • --grayOnBlueLightness18
    99.9%
  • --grayOnBlueLightness19
    99.9%
  • --grayOnBlueLightness20
    99.9%
  • --grayOnBlueChroma01
    0.01
  • --grayOnBlueChroma02
    0.01
  • --grayOnBlueChroma03
    0.01
  • --grayOnBlueChroma04
    0.01
  • --grayOnBlueChroma05
    0.01
  • --grayOnBlueChroma06
    0.01
  • --grayOnBlueChroma07
    0.01
  • --grayOnBlueChroma08
    0.01
  • --grayOnBlueChroma09
    0.01
  • --grayOnBlueChroma10
    0.01
  • --grayOnBlueChroma11
    0.01
  • --grayOnBlueChroma12
    0.01
  • --grayOnBlueChroma13
    0.01
  • --grayOnBlueChroma14
    0.01
  • --grayOnBlueChroma15
    0.01
  • --grayOnBlueChroma16
    0.01
  • --grayOnBlueChroma17
    0.01
  • --grayOnBlueChroma18
    0.01
  • --grayOnBlueChroma19
    0.01
  • --grayOnBlueChroma20
    0.01
  • --grayOnBlueHue01
    120
  • --grayOnBlueHue02
    120
  • --grayOnBlueHue03
    120
  • --grayOnBlueHue04
    120
  • --grayOnBlueHue05
    120
  • --grayOnBlueHue06
    120
  • --grayOnBlueHue07
    120
  • --grayOnBlueHue08
    120
  • --grayOnBlueHue09
    120
  • --grayOnBlueHue10
    120
  • --grayOnBlueHue11
    120
  • --grayOnBlueHue12
    120
  • --grayOnBlueHue13
    120
  • --grayOnBlueHue14
    120
  • --grayOnBlueHue15
    120
  • --grayOnBlueHue16
    120
  • --grayOnBlueHue17
    120
  • --grayOnBlueHue18
    120
  • --grayOnBlueHue19
    120
  • --grayOnBlueHue20
    120
  • --grayOnThemeLightness01
    3%
  • --grayOnThemeLightness02
    3%
  • --grayOnThemeLightness03
    3%
  • --grayOnThemeLightness04
    3%
  • --grayOnThemeLightness05
    3%
  • --grayOnThemeLightness06
    3%
  • --grayOnThemeLightness07
    99.9%
  • --grayOnThemeLightness08
    99.9%
  • --grayOnThemeLightness09
    99.9%
  • --grayOnThemeLightness10
    99.9%
  • --grayOnThemeLightness11
    99.9%
  • --grayOnThemeLightness12
    99.9%
  • --grayOnThemeLightness13
    99.9%
  • --grayOnThemeLightness14
    99.9%
  • --grayOnThemeLightness15
    99.9%
  • --grayOnThemeLightness16
    99.9%
  • --grayOnThemeLightness17
    99.9%
  • --grayOnThemeLightness18
    99.9%
  • --grayOnThemeLightness19
    99.9%
  • --grayOnThemeLightness20
    99.9%
  • --grayOnThemeChroma01
    0.01
  • --grayOnThemeChroma02
    0.01
  • --grayOnThemeChroma03
    0.01
  • --grayOnThemeChroma04
    0.01
  • --grayOnThemeChroma05
    0.01
  • --grayOnThemeChroma06
    0.01
  • --grayOnThemeChroma07
    0.01
  • --grayOnThemeChroma08
    0.01
  • --grayOnThemeChroma09
    0.01
  • --grayOnThemeChroma10
    0.01
  • --grayOnThemeChroma11
    0.01
  • --grayOnThemeChroma12
    0.01
  • --grayOnThemeChroma13
    0.01
  • --grayOnThemeChroma14
    0.01
  • --grayOnThemeChroma15
    0.01
  • --grayOnThemeChroma16
    0.01
  • --grayOnThemeChroma17
    0.01
  • --grayOnThemeChroma18
    0.01
  • --grayOnThemeChroma19
    0.01
  • --grayOnThemeChroma20
    0.01
  • --grayOnThemeHue01
    120
  • --grayOnThemeHue02
    120
  • --grayOnThemeHue03
    120
  • --grayOnThemeHue04
    120
  • --grayOnThemeHue05
    120
  • --grayOnThemeHue06
    120
  • --grayOnThemeHue07
    120
  • --grayOnThemeHue08
    120
  • --grayOnThemeHue09
    120
  • --grayOnThemeHue10
    120
  • --grayOnThemeHue11
    120
  • --grayOnThemeHue12
    120
  • --grayOnThemeHue13
    120
  • --grayOnThemeHue14
    120
  • --grayOnThemeHue15
    120
  • --grayOnThemeHue16
    120
  • --grayOnThemeHue17
    120
  • --grayOnThemeHue18
    120
  • --grayOnThemeHue19
    120
  • --grayOnThemeHue20
    120
  • --themeOnGrayLightness01
    50%
  • --themeOnGrayLightness02
    40%
  • --themeOnGrayLightness03
    35%
  • --themeOnGrayLightness04
    20%
  • --themeOnGrayLightness05
    5%
  • --themeOnGrayLightness06
    5%
  • --themeOnGrayLightness07
    99.9%
  • --themeOnGrayLightness08
    99.9%
  • --themeOnGrayLightness09
    99.9%
  • --themeOnGrayLightness10
    99.9%
  • --themeOnGrayLightness11
    95%
  • --themeOnGrayLightness12
    95%
  • --themeOnGrayLightness13
    90%
  • --themeOnGrayLightness14
    90%
  • --themeOnGrayLightness15
    90%
  • --themeOnGrayLightness16
    85%
  • --themeOnGrayLightness17
    85%
  • --themeOnGrayLightness18
    85%
  • --themeOnGrayLightness19
    85%
  • --themeOnGrayLightness20
    85%
  • --themeOnGrayChroma01
    0.18
  • --themeOnGrayChroma02
    0.176
  • --themeOnGrayChroma03
    0.17
  • --themeOnGrayChroma04
    0.143
  • --themeOnGrayChroma05
    0.104
  • --themeOnGrayChroma06
    0.104
  • --themeOnGrayChroma07
    0.09
  • --themeOnGrayChroma08
    0.09
  • --themeOnGrayChroma09
    0.09
  • --themeOnGrayChroma10
    0.09
  • --themeOnGrayChroma11
    0.104
  • --themeOnGrayChroma12
    0.104
  • --themeOnGrayChroma13
    0.118
  • --themeOnGrayChroma14
    0.118
  • --themeOnGrayChroma15
    0.118
  • --themeOnGrayChroma16
    0.131
  • --themeOnGrayChroma17
    0.131
  • --themeOnGrayChroma18
    0.131
  • --themeOnGrayChroma19
    0.131
  • --themeOnGrayChroma20
    0.131
  • --themeOnGrayHue01
    120
  • --themeOnGrayHue02
    120
  • --themeOnGrayHue03
    120
  • --themeOnGrayHue04
    120
  • --themeOnGrayHue05
    120
  • --themeOnGrayHue06
    120
  • --themeOnGrayHue07
    120
  • --themeOnGrayHue08
    120
  • --themeOnGrayHue09
    120
  • --themeOnGrayHue10
    120
  • --themeOnGrayHue11
    120
  • --themeOnGrayHue12
    120
  • --themeOnGrayHue13
    120
  • --themeOnGrayHue14
    120
  • --themeOnGrayHue15
    120
  • --themeOnGrayHue16
    120
  • --themeOnGrayHue17
    120
  • --themeOnGrayHue18
    120
  • --themeOnGrayHue19
    120
  • --themeOnGrayHue20
    120
  • --baseSize
    16
  • --fontFamilySans
    system-ui, sans-serif
  • --fontFamilySerif
    ui-serif, serif
  • --fontFamilyMono
    ui-monospace, monospace
  • --fontWeightNormal
    normal
  • --fontWeightBold
    bold
  • --fontSize11
    calc(11 * 1rem / 16 * var(--baseSize) / 16)
  • --fontSize12
    calc(12 * 1rem / 16 * var(--baseSize) / 16)
  • --fontSize13
    calc(13 * 1rem / 16 * var(--baseSize) / 16)
  • --fontSize14
    calc(14 * 1rem / 16 * var(--baseSize) / 16)
  • --fontSize16
    calc(16 * 1rem / 16 * var(--baseSize) / 16)
  • --fontSize18
    calc(18 * 1rem / 16 * var(--baseSize) / 16)
  • --fontSize21
    calc(21 * 1rem / 16 * var(--baseSize) / 16)
  • --fontSize26
    calc(26 * 1rem / 16 * var(--baseSize) / 16)
  • --fontSize32
    calc(32 * 1rem / 16 * var(--baseSize) / 16)
  • --lineHeight16
    calc(16 * 1rem / 16 * var(--baseSize) / 16)
  • --lineHeight20
    calc(20 * 1rem / 16 * var(--baseSize) / 16)
  • --lineHeight24
    calc(24 * 1rem / 16 * var(--baseSize) / 16)
  • --lineHeight32
    calc(32 * 1rem / 16 * var(--baseSize) / 16)
  • --lineHeight40
    calc(40 * 1rem / 16 * var(--baseSize) / 16)
  • --lineHeight48
    calc(48 * 1rem / 16 * var(--baseSize) / 16)
  • --gray01
    oklch(var(--grayLightness01) var(--grayChroma01) var(--grayHue01))
  • --gray02
    oklch(var(--grayLightness02) var(--grayChroma02) var(--grayHue02))
  • --gray03
    oklch(var(--grayLightness03) var(--grayChroma03) var(--grayHue03))
  • --gray04
    oklch(var(--grayLightness04) var(--grayChroma04) var(--grayHue04))
  • --gray05
    oklch(var(--grayLightness05) var(--grayChroma05) var(--grayHue05))
  • --gray06
    oklch(var(--grayLightness06) var(--grayChroma06) var(--grayHue06))
  • --gray07
    oklch(var(--grayLightness07) var(--grayChroma07) var(--grayHue07))
  • --gray08
    oklch(var(--grayLightness08) var(--grayChroma08) var(--grayHue08))
  • --gray09
    oklch(var(--grayLightness09) var(--grayChroma09) var(--grayHue09))
  • --gray10
    oklch(var(--grayLightness10) var(--grayChroma10) var(--grayHue10))
  • --gray11
    oklch(var(--grayLightness11) var(--grayChroma11) var(--grayHue11))
  • --gray12
    oklch(var(--grayLightness12) var(--grayChroma12) var(--grayHue12))
  • --gray13
    oklch(var(--grayLightness13) var(--grayChroma13) var(--grayHue13))
  • --gray14
    oklch(var(--grayLightness14) var(--grayChroma14) var(--grayHue14))
  • --gray15
    oklch(var(--grayLightness15) var(--grayChroma15) var(--grayHue15))
  • --gray16
    oklch(var(--grayLightness16) var(--grayChroma16) var(--grayHue16))
  • --gray17
    oklch(var(--grayLightness17) var(--grayChroma17) var(--grayHue17))
  • --gray18
    oklch(var(--grayLightness18) var(--grayChroma18) var(--grayHue18))
  • --gray19
    oklch(var(--grayLightness19) var(--grayChroma19) var(--grayHue19))
  • --gray20
    oklch(var(--grayLightness20) var(--grayChroma20) var(--grayHue20))
  • --grayAlpha01
    oklch(var(--grayLightness01) var(--grayChroma01) var(--grayHue01) / 0.5)
  • --grayAlpha02
    oklch(var(--grayLightness02) var(--grayChroma02) var(--grayHue02) / 0.5)
  • --grayAlpha03
    oklch(var(--grayLightness03) var(--grayChroma03) var(--grayHue03) / 0.5)
  • --grayAlpha04
    oklch(var(--grayLightness04) var(--grayChroma04) var(--grayHue04) / 0.5)
  • --grayAlpha05
    oklch(var(--grayLightness05) var(--grayChroma05) var(--grayHue05) / 0.5)
  • --grayAlpha06
    oklch(var(--grayLightness06) var(--grayChroma06) var(--grayHue06) / 0.5)
  • --grayAlpha07
    oklch(var(--grayLightness07) var(--grayChroma07) var(--grayHue07) / 0.5)
  • --grayAlpha08
    oklch(var(--grayLightness08) var(--grayChroma08) var(--grayHue08) / 0.5)
  • --grayAlpha09
    oklch(var(--grayLightness09) var(--grayChroma09) var(--grayHue09) / 0.5)
  • --grayAlpha10
    oklch(var(--grayLightness10) var(--grayChroma10) var(--grayHue10) / 0.5)
  • --grayAlpha11
    oklch(var(--grayLightness11) var(--grayChroma11) var(--grayHue11) / 0.5)
  • --grayAlpha12
    oklch(var(--grayLightness12) var(--grayChroma12) var(--grayHue12) / 0.5)
  • --grayAlpha13
    oklch(var(--grayLightness13) var(--grayChroma13) var(--grayHue13) / 0.5)
  • --grayAlpha14
    oklch(var(--grayLightness14) var(--grayChroma14) var(--grayHue14) / 0.5)
  • --grayAlpha15
    oklch(var(--grayLightness15) var(--grayChroma15) var(--grayHue15) / 0.5)
  • --grayAlpha16
    oklch(var(--grayLightness16) var(--grayChroma16) var(--grayHue16) / 0.5)
  • --grayAlpha17
    oklch(var(--grayLightness17) var(--grayChroma17) var(--grayHue17) / 0.5)
  • --grayAlpha18
    oklch(var(--grayLightness18) var(--grayChroma18) var(--grayHue18) / 0.5)
  • --grayAlpha19
    oklch(var(--grayLightness19) var(--grayChroma19) var(--grayHue19) / 0.5)
  • --grayAlpha20
    oklch(var(--grayLightness20) var(--grayChroma20) var(--grayHue20) / 0.5)
  • --red01
    oklch(var(--redLightness01) var(--redChroma01) var(--redHue01))
  • --red02
    oklch(var(--redLightness02) var(--redChroma02) var(--redHue02))
  • --red03
    oklch(var(--redLightness03) var(--redChroma03) var(--redHue03))
  • --red04
    oklch(var(--redLightness04) var(--redChroma04) var(--redHue04))
  • --red05
    oklch(var(--redLightness05) var(--redChroma05) var(--redHue05))
  • --red06
    oklch(var(--redLightness06) var(--redChroma06) var(--redHue06))
  • --red07
    oklch(var(--redLightness07) var(--redChroma07) var(--redHue07))
  • --red08
    oklch(var(--redLightness08) var(--redChroma08) var(--redHue08))
  • --red09
    oklch(var(--redLightness09) var(--redChroma09) var(--redHue09))
  • --red10
    oklch(var(--redLightness10) var(--redChroma10) var(--redHue10))
  • --red11
    oklch(var(--redLightness11) var(--redChroma11) var(--redHue11))
  • --red12
    oklch(var(--redLightness12) var(--redChroma12) var(--redHue12))
  • --red13
    oklch(var(--redLightness13) var(--redChroma13) var(--redHue13))
  • --red14
    oklch(var(--redLightness14) var(--redChroma14) var(--redHue14))
  • --red15
    oklch(var(--redLightness15) var(--redChroma15) var(--redHue15))
  • --red16
    oklch(var(--redLightness16) var(--redChroma16) var(--redHue16))
  • --red17
    oklch(var(--redLightness17) var(--redChroma17) var(--redHue17))
  • --red18
    oklch(var(--redLightness18) var(--redChroma18) var(--redHue18))
  • --red19
    oklch(var(--redLightness19) var(--redChroma19) var(--redHue19))
  • --red20
    oklch(var(--redLightness20) var(--redChroma20) var(--redHue20))
  • --blue01
    oklch(var(--blueLightness01) var(--blueChroma01) var(--blueHue01))
  • --blue02
    oklch(var(--blueLightness02) var(--blueChroma02) var(--blueHue02))
  • --blue03
    oklch(var(--blueLightness03) var(--blueChroma03) var(--blueHue03))
  • --blue04
    oklch(var(--blueLightness04) var(--blueChroma04) var(--blueHue04))
  • --blue05
    oklch(var(--blueLightness05) var(--blueChroma05) var(--blueHue05))
  • --blue06
    oklch(var(--blueLightness06) var(--blueChroma06) var(--blueHue06))
  • --blue07
    oklch(var(--blueLightness07) var(--blueChroma07) var(--blueHue07))
  • --blue08
    oklch(var(--blueLightness08) var(--blueChroma08) var(--blueHue08))
  • --blue09
    oklch(var(--blueLightness09) var(--blueChroma09) var(--blueHue09))
  • --blue10
    oklch(var(--blueLightness10) var(--blueChroma10) var(--blueHue10))
  • --blue11
    oklch(var(--blueLightness11) var(--blueChroma11) var(--blueHue11))
  • --blue12
    oklch(var(--blueLightness12) var(--blueChroma12) var(--blueHue12))
  • --blue13
    oklch(var(--blueLightness13) var(--blueChroma13) var(--blueHue13))
  • --blue14
    oklch(var(--blueLightness14) var(--blueChroma14) var(--blueHue14))
  • --blue15
    oklch(var(--blueLightness15) var(--blueChroma15) var(--blueHue15))
  • --blue16
    oklch(var(--blueLightness16) var(--blueChroma16) var(--blueHue16))
  • --blue17
    oklch(var(--blueLightness17) var(--blueChroma17) var(--blueHue17))
  • --blue18
    oklch(var(--blueLightness18) var(--blueChroma18) var(--blueHue18))
  • --blue19
    oklch(var(--blueLightness19) var(--blueChroma19) var(--blueHue19))
  • --blue20
    oklch(var(--blueLightness20) var(--blueChroma20) var(--blueHue20))
  • --theme01
    oklch(var(--themeLightness01) var(--themeChroma01) var(--themeHue01))
  • --theme02
    oklch(var(--themeLightness02) var(--themeChroma02) var(--themeHue02))
  • --theme03
    oklch(var(--themeLightness03) var(--themeChroma03) var(--themeHue03))
  • --theme04
    oklch(var(--themeLightness04) var(--themeChroma04) var(--themeHue04))
  • --theme05
    oklch(var(--themeLightness05) var(--themeChroma05) var(--themeHue05))
  • --theme06
    oklch(var(--themeLightness06) var(--themeChroma06) var(--themeHue06))
  • --theme07
    oklch(var(--themeLightness07) var(--themeChroma07) var(--themeHue07))
  • --theme08
    oklch(var(--themeLightness08) var(--themeChroma08) var(--themeHue08))
  • --theme09
    oklch(var(--themeLightness09) var(--themeChroma09) var(--themeHue09))
  • --theme10
    oklch(var(--themeLightness10) var(--themeChroma10) var(--themeHue10))
  • --theme11
    oklch(var(--themeLightness11) var(--themeChroma11) var(--themeHue11))
  • --theme12
    oklch(var(--themeLightness12) var(--themeChroma12) var(--themeHue12))
  • --theme13
    oklch(var(--themeLightness13) var(--themeChroma13) var(--themeHue13))
  • --theme14
    oklch(var(--themeLightness14) var(--themeChroma14) var(--themeHue14))
  • --theme15
    oklch(var(--themeLightness15) var(--themeChroma15) var(--themeHue15))
  • --theme16
    oklch(var(--themeLightness16) var(--themeChroma16) var(--themeHue16))
  • --theme17
    oklch(var(--themeLightness17) var(--themeChroma17) var(--themeHue17))
  • --theme18
    oklch(var(--themeLightness18) var(--themeChroma18) var(--themeHue18))
  • --theme19
    oklch(var(--themeLightness19) var(--themeChroma19) var(--themeHue19))
  • --theme20
    oklch(var(--themeLightness20) var(--themeChroma20) var(--themeHue20))
  • --grayOnGray01
    oklch(var(--grayOnGrayLightness01) var(--grayOnGrayChroma01) var(--grayOnGrayHue01))
  • --grayOnGray02
    oklch(var(--grayOnGrayLightness02) var(--grayOnGrayChroma02) var(--grayOnGrayHue02))
  • --grayOnGray03
    oklch(var(--grayOnGrayLightness03) var(--grayOnGrayChroma03) var(--grayOnGrayHue03))
  • --grayOnGray04
    oklch(var(--grayOnGrayLightness04) var(--grayOnGrayChroma04) var(--grayOnGrayHue04))
  • --grayOnGray05
    oklch(var(--grayOnGrayLightness05) var(--grayOnGrayChroma05) var(--grayOnGrayHue05))
  • --grayOnGray06
    oklch(var(--grayOnGrayLightness06) var(--grayOnGrayChroma06) var(--grayOnGrayHue06))
  • --grayOnGray07
    oklch(var(--grayOnGrayLightness07) var(--grayOnGrayChroma07) var(--grayOnGrayHue07))
  • --grayOnGray08
    oklch(var(--grayOnGrayLightness08) var(--grayOnGrayChroma08) var(--grayOnGrayHue08))
  • --grayOnGray09
    oklch(var(--grayOnGrayLightness09) var(--grayOnGrayChroma09) var(--grayOnGrayHue09))
  • --grayOnGray10
    oklch(var(--grayOnGrayLightness10) var(--grayOnGrayChroma10) var(--grayOnGrayHue10))
  • --grayOnGray11
    oklch(var(--grayOnGrayLightness11) var(--grayOnGrayChroma11) var(--grayOnGrayHue11))
  • --grayOnGray12
    oklch(var(--grayOnGrayLightness12) var(--grayOnGrayChroma12) var(--grayOnGrayHue12))
  • --grayOnGray13
    oklch(var(--grayOnGrayLightness13) var(--grayOnGrayChroma13) var(--grayOnGrayHue13))
  • --grayOnGray14
    oklch(var(--grayOnGrayLightness14) var(--grayOnGrayChroma14) var(--grayOnGrayHue14))
  • --grayOnGray15
    oklch(var(--grayOnGrayLightness15) var(--grayOnGrayChroma15) var(--grayOnGrayHue15))
  • --grayOnGray16
    oklch(var(--grayOnGrayLightness16) var(--grayOnGrayChroma16) var(--grayOnGrayHue16))
  • --grayOnGray17
    oklch(var(--grayOnGrayLightness17) var(--grayOnGrayChroma17) var(--grayOnGrayHue17))
  • --grayOnGray18
    oklch(var(--grayOnGrayLightness18) var(--grayOnGrayChroma18) var(--grayOnGrayHue18))
  • --grayOnGray19
    oklch(var(--grayOnGrayLightness19) var(--grayOnGrayChroma19) var(--grayOnGrayHue19))
  • --grayOnGray20
    oklch(var(--grayOnGrayLightness20) var(--grayOnGrayChroma20) var(--grayOnGrayHue20))
  • --grayOnRed01
    oklch(var(--grayOnRedLightness01) var(--grayOnRedChroma01) var(--grayOnRedHue01))
  • --grayOnRed02
    oklch(var(--grayOnRedLightness02) var(--grayOnRedChroma02) var(--grayOnRedHue02))
  • --grayOnRed03
    oklch(var(--grayOnRedLightness03) var(--grayOnRedChroma03) var(--grayOnRedHue03))
  • --grayOnRed04
    oklch(var(--grayOnRedLightness04) var(--grayOnRedChroma04) var(--grayOnRedHue04))
  • --grayOnRed05
    oklch(var(--grayOnRedLightness05) var(--grayOnRedChroma05) var(--grayOnRedHue05))
  • --grayOnRed06
    oklch(var(--grayOnRedLightness06) var(--grayOnRedChroma06) var(--grayOnRedHue06))
  • --grayOnRed07
    oklch(var(--grayOnRedLightness07) var(--grayOnRedChroma07) var(--grayOnRedHue07))
  • --grayOnRed08
    oklch(var(--grayOnRedLightness08) var(--grayOnRedChroma08) var(--grayOnRedHue08))
  • --grayOnRed09
    oklch(var(--grayOnRedLightness09) var(--grayOnRedChroma09) var(--grayOnRedHue09))
  • --grayOnRed10
    oklch(var(--grayOnRedLightness10) var(--grayOnRedChroma10) var(--grayOnRedHue10))
  • --grayOnRed11
    oklch(var(--grayOnRedLightness11) var(--grayOnRedChroma11) var(--grayOnRedHue11))
  • --grayOnRed12
    oklch(var(--grayOnRedLightness12) var(--grayOnRedChroma12) var(--grayOnRedHue12))
  • --grayOnRed13
    oklch(var(--grayOnRedLightness13) var(--grayOnRedChroma13) var(--grayOnRedHue13))
  • --grayOnRed14
    oklch(var(--grayOnRedLightness14) var(--grayOnRedChroma14) var(--grayOnRedHue14))
  • --grayOnRed15
    oklch(var(--grayOnRedLightness15) var(--grayOnRedChroma15) var(--grayOnRedHue15))
  • --grayOnRed16
    oklch(var(--grayOnRedLightness16) var(--grayOnRedChroma16) var(--grayOnRedHue16))
  • --grayOnRed17
    oklch(var(--grayOnRedLightness17) var(--grayOnRedChroma17) var(--grayOnRedHue17))
  • --grayOnRed18
    oklch(var(--grayOnRedLightness18) var(--grayOnRedChroma18) var(--grayOnRedHue18))
  • --grayOnRed19
    oklch(var(--grayOnRedLightness19) var(--grayOnRedChroma19) var(--grayOnRedHue19))
  • --grayOnRed20
    oklch(var(--grayOnRedLightness20) var(--grayOnRedChroma20) var(--grayOnRedHue20))
  • --grayOnBlue01
    oklch(var(--grayOnBlueLightness01) var(--grayOnBlueChroma01) var(--grayOnBlueHue01))
  • --grayOnBlue02
    oklch(var(--grayOnBlueLightness02) var(--grayOnBlueChroma02) var(--grayOnBlueHue02))
  • --grayOnBlue03
    oklch(var(--grayOnBlueLightness03) var(--grayOnBlueChroma03) var(--grayOnBlueHue03))
  • --grayOnBlue04
    oklch(var(--grayOnBlueLightness04) var(--grayOnBlueChroma04) var(--grayOnBlueHue04))
  • --grayOnBlue05
    oklch(var(--grayOnBlueLightness05) var(--grayOnBlueChroma05) var(--grayOnBlueHue05))
  • --grayOnBlue06
    oklch(var(--grayOnBlueLightness06) var(--grayOnBlueChroma06) var(--grayOnBlueHue06))
  • --grayOnBlue07
    oklch(var(--grayOnBlueLightness07) var(--grayOnBlueChroma07) var(--grayOnBlueHue07))
  • --grayOnBlue08
    oklch(var(--grayOnBlueLightness08) var(--grayOnBlueChroma08) var(--grayOnBlueHue08))
  • --grayOnBlue09
    oklch(var(--grayOnBlueLightness09) var(--grayOnBlueChroma09) var(--grayOnBlueHue09))
  • --grayOnBlue10
    oklch(var(--grayOnBlueLightness10) var(--grayOnBlueChroma10) var(--grayOnBlueHue10))
  • --grayOnBlue11
    oklch(var(--grayOnBlueLightness11) var(--grayOnBlueChroma11) var(--grayOnBlueHue11))
  • --grayOnBlue12
    oklch(var(--grayOnBlueLightness12) var(--grayOnBlueChroma12) var(--grayOnBlueHue12))
  • --grayOnBlue13
    oklch(var(--grayOnBlueLightness13) var(--grayOnBlueChroma13) var(--grayOnBlueHue13))
  • --grayOnBlue14
    oklch(var(--grayOnBlueLightness14) var(--grayOnBlueChroma14) var(--grayOnBlueHue14))
  • --grayOnBlue15
    oklch(var(--grayOnBlueLightness15) var(--grayOnBlueChroma15) var(--grayOnBlueHue15))
  • --grayOnBlue16
    oklch(var(--grayOnBlueLightness16) var(--grayOnBlueChroma16) var(--grayOnBlueHue16))
  • --grayOnBlue17
    oklch(var(--grayOnBlueLightness17) var(--grayOnBlueChroma17) var(--grayOnBlueHue17))
  • --grayOnBlue18
    oklch(var(--grayOnBlueLightness18) var(--grayOnBlueChroma18) var(--grayOnBlueHue18))
  • --grayOnBlue19
    oklch(var(--grayOnBlueLightness19) var(--grayOnBlueChroma19) var(--grayOnBlueHue19))
  • --grayOnBlue20
    oklch(var(--grayOnBlueLightness20) var(--grayOnBlueChroma20) var(--grayOnBlueHue20))
  • --grayOnTheme01
    oklch(var(--grayOnThemeLightness01) var(--grayOnThemeChroma01) var(--grayOnThemeHue01))
  • --grayOnTheme02
    oklch(var(--grayOnThemeLightness02) var(--grayOnThemeChroma02) var(--grayOnThemeHue02))
  • --grayOnTheme03
    oklch(var(--grayOnThemeLightness03) var(--grayOnThemeChroma03) var(--grayOnThemeHue03))
  • --grayOnTheme04
    oklch(var(--grayOnThemeLightness04) var(--grayOnThemeChroma04) var(--grayOnThemeHue04))
  • --grayOnTheme05
    oklch(var(--grayOnThemeLightness05) var(--grayOnThemeChroma05) var(--grayOnThemeHue05))
  • --grayOnTheme06
    oklch(var(--grayOnThemeLightness06) var(--grayOnThemeChroma06) var(--grayOnThemeHue06))
  • --grayOnTheme07
    oklch(var(--grayOnThemeLightness07) var(--grayOnThemeChroma07) var(--grayOnThemeHue07))
  • --grayOnTheme08
    oklch(var(--grayOnThemeLightness08) var(--grayOnThemeChroma08) var(--grayOnThemeHue08))
  • --grayOnTheme09
    oklch(var(--grayOnThemeLightness09) var(--grayOnThemeChroma09) var(--grayOnThemeHue09))
  • --grayOnTheme10
    oklch(var(--grayOnThemeLightness10) var(--grayOnThemeChroma10) var(--grayOnThemeHue10))
  • --grayOnTheme11
    oklch(var(--grayOnThemeLightness11) var(--grayOnThemeChroma11) var(--grayOnThemeHue11))
  • --grayOnTheme12
    oklch(var(--grayOnThemeLightness12) var(--grayOnThemeChroma12) var(--grayOnThemeHue12))
  • --grayOnTheme13
    oklch(var(--grayOnThemeLightness13) var(--grayOnThemeChroma13) var(--grayOnThemeHue13))
  • --grayOnTheme14
    oklch(var(--grayOnThemeLightness14) var(--grayOnThemeChroma14) var(--grayOnThemeHue14))
  • --grayOnTheme15
    oklch(var(--grayOnThemeLightness15) var(--grayOnThemeChroma15) var(--grayOnThemeHue15))
  • --grayOnTheme16
    oklch(var(--grayOnThemeLightness16) var(--grayOnThemeChroma16) var(--grayOnThemeHue16))
  • --grayOnTheme17
    oklch(var(--grayOnThemeLightness17) var(--grayOnThemeChroma17) var(--grayOnThemeHue17))
  • --grayOnTheme18
    oklch(var(--grayOnThemeLightness18) var(--grayOnThemeChroma18) var(--grayOnThemeHue18))
  • --grayOnTheme19
    oklch(var(--grayOnThemeLightness19) var(--grayOnThemeChroma19) var(--grayOnThemeHue19))
  • --grayOnTheme20
    oklch(var(--grayOnThemeLightness20) var(--grayOnThemeChroma20) var(--grayOnThemeHue20))
  • --themeOnGray01
    oklch(var(--themeOnGrayLightness01) var(--themeOnGrayChroma01) var(--themeOnGrayHue01))
  • --themeOnGray02
    oklch(var(--themeOnGrayLightness02) var(--themeOnGrayChroma02) var(--themeOnGrayHue02))
  • --themeOnGray03
    oklch(var(--themeOnGrayLightness03) var(--themeOnGrayChroma03) var(--themeOnGrayHue03))
  • --themeOnGray04
    oklch(var(--themeOnGrayLightness04) var(--themeOnGrayChroma04) var(--themeOnGrayHue04))
  • --themeOnGray05
    oklch(var(--themeOnGrayLightness05) var(--themeOnGrayChroma05) var(--themeOnGrayHue05))
  • --themeOnGray06
    oklch(var(--themeOnGrayLightness06) var(--themeOnGrayChroma06) var(--themeOnGrayHue06))
  • --themeOnGray07
    oklch(var(--themeOnGrayLightness07) var(--themeOnGrayChroma07) var(--themeOnGrayHue07))
  • --themeOnGray08
    oklch(var(--themeOnGrayLightness08) var(--themeOnGrayChroma08) var(--themeOnGrayHue08))
  • --themeOnGray09
    oklch(var(--themeOnGrayLightness09) var(--themeOnGrayChroma09) var(--themeOnGrayHue09))
  • --themeOnGray10
    oklch(var(--themeOnGrayLightness10) var(--themeOnGrayChroma10) var(--themeOnGrayHue10))
  • --themeOnGray11
    oklch(var(--themeOnGrayLightness11) var(--themeOnGrayChroma11) var(--themeOnGrayHue11))
  • --themeOnGray12
    oklch(var(--themeOnGrayLightness12) var(--themeOnGrayChroma12) var(--themeOnGrayHue12))
  • --themeOnGray13
    oklch(var(--themeOnGrayLightness13) var(--themeOnGrayChroma13) var(--themeOnGrayHue13))
  • --themeOnGray14
    oklch(var(--themeOnGrayLightness14) var(--themeOnGrayChroma14) var(--themeOnGrayHue14))
  • --themeOnGray15
    oklch(var(--themeOnGrayLightness15) var(--themeOnGrayChroma15) var(--themeOnGrayHue15))
  • --themeOnGray16
    oklch(var(--themeOnGrayLightness16) var(--themeOnGrayChroma16) var(--themeOnGrayHue16))
  • --themeOnGray17
    oklch(var(--themeOnGrayLightness17) var(--themeOnGrayChroma17) var(--themeOnGrayHue17))
  • --themeOnGray18
    oklch(var(--themeOnGrayLightness18) var(--themeOnGrayChroma18) var(--themeOnGrayHue18))
  • --themeOnGray19
    oklch(var(--themeOnGrayLightness19) var(--themeOnGrayChroma19) var(--themeOnGrayHue19))
  • --themeOnGray20
    oklch(var(--themeOnGrayLightness20) var(--themeOnGrayChroma20) var(--themeOnGrayHue20))
  • --colorBackgroundDefault
    light-dark(var(--gray01), var(--gray15))
  • --colorBackgroundSubtle
    light-dark(var(--gray02), var(--gray16))
  • --colorBackgroundInverted
    light-dark(var(--gray20), var(--gray03))
  • --colorSurfaceTheme
    light-dark(var(--theme11), var(--theme11))
  • --colorSurfaceThemeSubtle
    light-dark(var(--theme01), var(--theme15))
  • --colorSurfaceRequired
    light-dark(var(--red08), var(--red04))
  • --colorObjectDefault
    light-dark(var(--gray20), var(--gray02))
  • --colorObjectSubtle
    light-dark(var(--gray10), var(--gray07))
  • --colorObjectInverted
    light-dark(var(--gray01), var(--gray15))
  • --colorObjectTheme
    light-dark(var(--themeOnGray01), var(--themeOnGray15))
  • --colorObjectOnTheme
    light-dark(var(--grayOnTheme11), var(--grayOnTheme11))
  • --colorObjectOnThemeSubtle
    light-dark(var(--grayOnTheme01), var(--grayOnTheme15))
  • --colorObjectOnRequired
    light-dark(var(--grayOnRed08), var(--grayOnRed04))
  • --colorObjectError
    light-dark(var(--red11), var(--red04))
  • --colorObjectLink
    light-dark(var(--blue13), var(--blue04))
  • --colorBorderDefault
    light-dark(var(--gray03), var(--gray12))
  • --colorBorderObvious
    light-dark(var(--gray05), var(--gray12))
  • --colorShadowGray
    light-dark(var(--grayAlpha20), var(--grayAlpha20))
  • --size002
    calc(2 * 1rem / 16 * var(--baseSize) / 16)
  • --size004
    calc(4 * 1rem / 16 * var(--baseSize) / 16)
  • --size008
    calc(8 * 1rem / 16 * var(--baseSize) / 16)
  • --size012
    calc(12 * 1rem / 16 * var(--baseSize) / 16)
  • --size016
    calc(16 * 1rem / 16 * var(--baseSize) / 16)
  • --size020
    calc(20 * 1rem / 16 * var(--baseSize) / 16)
  • --size032
    calc(32 * 1rem / 16 * var(--baseSize) / 16)
  • --size052
    calc(52 * 1rem / 16 * var(--baseSize) / 16)
  • --size084
    calc(84 * 1rem / 16 * var(--baseSize) / 16)
  • --size136
    calc(136 * 1rem / 16 * var(--baseSize) / 16)
  • --size220
    calc(220 * 1rem / 16 * var(--baseSize) / 16)
  • --size356
    calc(356 * 1rem / 16 * var(--baseSize) / 16)
  • --borderRadius8
    var(--size008)
  • --boxShadow8
    0 var(--size008) var(--size012) calc(-1 * var(--size008)) var(--colorShadowGray)
  • --fontSans11Normal
    var(--fontWeightNormal) var(--fontSize11) / var(--lineHeight16) var(--fontFamilySans)
  • --fontSans12Normal
    var(--fontWeightNormal) var(--fontSize12) / var(--lineHeight20) var(--fontFamilySans)
  • --fontSans13Normal
    var(--fontWeightNormal) var(--fontSize13) / var(--lineHeight20) var(--fontFamilySans)
  • --fontSans14Normal
    var(--fontWeightNormal) var(--fontSize14) / var(--lineHeight24) var(--fontFamilySans)
  • --fontSans16Normal
    var(--fontWeightNormal) var(--fontSize16) / var(--lineHeight24) var(--fontFamilySans)
  • --fontSans18Normal
    var(--fontWeightNormal) var(--fontSize18) / var(--lineHeight32) var(--fontFamilySans)
  • --fontSans21Normal
    var(--fontWeightNormal) var(--fontSize21) / var(--lineHeight32) var(--fontFamilySans)
  • --fontSans26Normal
    var(--fontWeightNormal) var(--fontSize26) / var(--lineHeight40) var(--fontFamilySans)
  • --fontSans32Normal
    var(--fontWeightNormal) var(--fontSize32) / var(--lineHeight48) var(--fontFamilySans)
  • --fontSans11Bold
    var(--fontWeightBold) var(--fontSize11) / var(--lineHeight16) var(--fontFamilySans)
  • --fontSans12Bold
    var(--fontWeightBold) var(--fontSize12) / var(--lineHeight20) var(--fontFamilySans)
  • --fontSans13Bold
    var(--fontWeightBold) var(--fontSize13) / var(--lineHeight20) var(--fontFamilySans)
  • --fontSans14Bold
    var(--fontWeightBold) var(--fontSize14) / var(--lineHeight24) var(--fontFamilySans)
  • --fontSans16Bold
    var(--fontWeightBold) var(--fontSize16) / var(--lineHeight24) var(--fontFamilySans)
  • --fontSans18Bold
    var(--fontWeightBold) var(--fontSize18) / var(--lineHeight32) var(--fontFamilySans)
  • --fontSans21Bold
    var(--fontWeightBold) var(--fontSize21) / var(--lineHeight32) var(--fontFamilySans)
  • --fontSans26Bold
    var(--fontWeightBold) var(--fontSize26) / var(--lineHeight40) var(--fontFamilySans)
  • --fontSans32Bold
    var(--fontWeightBold) var(--fontSize32) / var(--lineHeight48) var(--fontFamilySans)
  • --fontSerif11Normal
    var(--fontWeightNormal) var(--fontSize11) / var(--lineHeight16) var(--fontFamilySerif)
  • --fontSerif12Normal
    var(--fontWeightNormal) var(--fontSize12) / var(--lineHeight20) var(--fontFamilySerif)
  • --fontSerif13Normal
    var(--fontWeightNormal) var(--fontSize13) / var(--lineHeight20) var(--fontFamilySerif)
  • --fontSerif14Normal
    var(--fontWeightNormal) var(--fontSize14) / var(--lineHeight24) var(--fontFamilySerif)
  • --fontSerif16Normal
    var(--fontWeightNormal) var(--fontSize16) / var(--lineHeight24) var(--fontFamilySerif)
  • --fontSerif18Normal
    var(--fontWeightNormal) var(--fontSize18) / var(--lineHeight32) var(--fontFamilySerif)
  • --fontSerif21Normal
    var(--fontWeightNormal) var(--fontSize21) / var(--lineHeight32) var(--fontFamilySerif)
  • --fontSerif26Normal
    var(--fontWeightNormal) var(--fontSize26) / var(--lineHeight40) var(--fontFamilySerif)
  • --fontSerif32Normal
    var(--fontWeightNormal) var(--fontSize32) / var(--lineHeight48) var(--fontFamilySerif)
  • --fontSerif11Bold
    var(--fontWeightBold) var(--fontSize11) / var(--lineHeight16) var(--fontFamilySerif)
  • --fontSerif12Bold
    var(--fontWeightBold) var(--fontSize12) / var(--lineHeight20) var(--fontFamilySerif)
  • --fontSerif13Bold
    var(--fontWeightBold) var(--fontSize13) / var(--lineHeight20) var(--fontFamilySerif)
  • --fontSerif14Bold
    var(--fontWeightBold) var(--fontSize14) / var(--lineHeight24) var(--fontFamilySerif)
  • --fontSerif16Bold
    var(--fontWeightBold) var(--fontSize16) / var(--lineHeight24) var(--fontFamilySerif)
  • --fontSerif18Bold
    var(--fontWeightBold) var(--fontSize18) / var(--lineHeight32) var(--fontFamilySerif)
  • --fontSerif21Bold
    var(--fontWeightBold) var(--fontSize21) / var(--lineHeight32) var(--fontFamilySerif)
  • --fontSerif26Bold
    var(--fontWeightBold) var(--fontSize26) / var(--lineHeight40) var(--fontFamilySerif)
  • --fontSerif32Bold
    var(--fontWeightBold) var(--fontSize32) / var(--lineHeight48) var(--fontFamilySerif)
  • --fontMono11Normal
    var(--fontWeightNormal) var(--fontSize11) / var(--lineHeight16) var(--fontFamilyMono)
  • --fontMono12Normal
    var(--fontWeightNormal) var(--fontSize12) / var(--lineHeight20) var(--fontFamilyMono)
  • --fontMono13Normal
    var(--fontWeightNormal) var(--fontSize13) / var(--lineHeight20) var(--fontFamilyMono)
  • --fontMono14Normal
    var(--fontWeightNormal) var(--fontSize14) / var(--lineHeight24) var(--fontFamilyMono)
  • --fontMono16Normal
    var(--fontWeightNormal) var(--fontSize16) / var(--lineHeight24) var(--fontFamilyMono)
  • --fontMono18Normal
    var(--fontWeightNormal) var(--fontSize18) / var(--lineHeight32) var(--fontFamilyMono)
  • --fontMono21Normal
    var(--fontWeightNormal) var(--fontSize21) / var(--lineHeight32) var(--fontFamilyMono)
  • --fontMono26Normal
    var(--fontWeightNormal) var(--fontSize26) / var(--lineHeight40) var(--fontFamilyMono)
  • --fontMono32Normal
    var(--fontWeightNormal) var(--fontSize32) / var(--lineHeight48) var(--fontFamilyMono)
  • --fontMono11Bold
    var(--fontWeightBold) var(--fontSize11) / var(--lineHeight16) var(--fontFamilyMono)
  • --fontMono12Bold
    var(--fontWeightBold) var(--fontSize12) / var(--lineHeight20) var(--fontFamilyMono)
  • --fontMono13Bold
    var(--fontWeightBold) var(--fontSize13) / var(--lineHeight20) var(--fontFamilyMono)
  • --fontMono14Bold
    var(--fontWeightBold) var(--fontSize14) / var(--lineHeight24) var(--fontFamilyMono)
  • --fontMono16Bold
    var(--fontWeightBold) var(--fontSize16) / var(--lineHeight24) var(--fontFamilyMono)
  • --fontMono18Bold
    var(--fontWeightBold) var(--fontSize18) / var(--lineHeight32) var(--fontFamilyMono)
  • --fontMono21Bold
    var(--fontWeightBold) var(--fontSize21) / var(--lineHeight32) var(--fontFamilyMono)
  • --fontMono26Bold
    var(--fontWeightBold) var(--fontSize26) / var(--lineHeight40) var(--fontFamilyMono)
  • --fontMono32Bold
    var(--fontWeightBold) var(--fontSize32) / var(--lineHeight48) var(--fontFamilyMono)