.page-module-scss-module__YzyLiq__colorsPage{flex-direction:column;gap:32px;max-width:960px;margin:0 auto;padding:32px;display:flex}.page-module-scss-module__YzyLiq__header{border-bottom:1px solid var(--color-border);flex-direction:column;gap:8px;padding-bottom:24px;display:flex}.page-module-scss-module__YzyLiq__title{color:var(--color-foreground);letter-spacing:-.02em;margin:0;font-size:2.25rem;font-weight:700}.page-module-scss-module__YzyLiq__description{color:var(--color-muted-foreground);max-width:600px;margin:0;font-size:1.125rem;line-height:1.6}.page-module-scss-module__YzyLiq__content{flex-direction:column;gap:40px;display:flex}.page-module-scss-module__YzyLiq__section{flex-direction:column;gap:16px;display:flex}.page-module-scss-module__YzyLiq__sectionHeader{flex-direction:column;gap:4px;display:flex}.page-module-scss-module__YzyLiq__sectionTitle{color:var(--color-foreground);align-items:center;gap:8px;margin:0;font-size:1.25rem;font-weight:600;display:flex}.page-module-scss-module__YzyLiq__sectionTitle:before{content:"";background:var(--color-primary);border-radius:9999px;width:4px;height:20px;display:inline-block}.page-module-scss-module__YzyLiq__sectionDescription{color:var(--color-muted-foreground);margin:0;font-size:.875rem;line-height:1.5}.page-module-scss-module__YzyLiq__paletteGrid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.page-module-scss-module__YzyLiq__palette{background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.page-module-scss-module__YzyLiq__paletteHeader{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:16px;display:flex}.page-module-scss-module__YzyLiq__paletteName{color:var(--color-foreground);text-transform:capitalize;font-size:1rem;font-weight:600}.page-module-scss-module__YzyLiq__swatchList{flex-direction:column;display:flex}.page-module-scss-module__YzyLiq__swatch{cursor:pointer;align-items:center;gap:12px;padding:8px 16px;transition:background-color .15s cubic-bezier(.4,0,.2,1);display:flex}.page-module-scss-module__YzyLiq__swatch:hover{background:var(--color-muted)}.page-module-scss-module__YzyLiq__swatchColor{border:1px solid #0000001a;border-radius:8px;flex-shrink:0;width:40px;height:40px}.page-module-scss-module__YzyLiq__swatchInfo{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.page-module-scss-module__YzyLiq__swatchLabel{color:var(--color-foreground);font-size:.875rem;font-weight:400}.page-module-scss-module__YzyLiq__swatchValue{color:var(--color-muted-foreground);text-transform:uppercase;font-family:Fira Code,Courier New,monospace;font-size:.75rem}.page-module-scss-module__YzyLiq__semanticGrid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.page-module-scss-module__YzyLiq__semanticCard{background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.page-module-scss-module__YzyLiq__semanticPreview{justify-content:center;align-items:center;height:80px;display:flex}.page-module-scss-module__YzyLiq__semanticInfo{border-top:1px solid var(--color-border);flex-direction:column;gap:4px;padding:12px 16px;display:flex}.page-module-scss-module__YzyLiq__semanticName{color:var(--color-foreground);text-transform:capitalize;font-size:.875rem;font-weight:600}.page-module-scss-module__YzyLiq__semanticUsage{color:var(--color-muted-foreground);font-size:.75rem}.page-module-scss-module__YzyLiq__themeGrid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.page-module-scss-module__YzyLiq__themeCard{background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;align-items:stretch;transition:border-color .15s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.page-module-scss-module__YzyLiq__themeCard:hover{border-color:var(--color-primary)}.page-module-scss-module__YzyLiq__themePreview{flex-shrink:0;width:64px}.page-module-scss-module__YzyLiq__themeInfo{flex-direction:column;gap:4px;min-width:0;padding:12px 16px;display:flex}.page-module-scss-module__YzyLiq__themeName{color:var(--color-foreground);font-size:.875rem;font-weight:400}.page-module-scss-module__YzyLiq__themeVariable{color:var(--color-muted-foreground);word-break:break-all;font-family:Fira Code,Courier New,monospace;font-size:.75rem}.page-module-scss-module__YzyLiq__usageExample{background:var(--color-muted);border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.page-module-scss-module__YzyLiq__usageTitle{color:var(--color-foreground);font-size:.875rem;font-weight:600}.page-module-scss-module__YzyLiq__codeBlock{background:var(--color-gray-900);color:var(--color-gray-100);border-radius:8px;padding:16px;font-family:Fira Code,Courier New,monospace;font-size:.875rem;overflow-x:auto}.page-module-scss-module__YzyLiq__codeBlock code{white-space:pre;display:block}