.color-families_page__XBoT4{--paper:#fff;--ink:#0f172a;--muted:#475569;--line:#e2e8f0;--soft:#f8fafc;color:var(--ink);max-width:1200px;margin:auto;padding:24px 0 48px}.dark .color-families_page__XBoT4{--paper:#0f172a;--ink:#f1f5f9;--muted:#cbd5e1;--line:#475569;--soft:#1e293b;background:var(--soft)}.color-families_breadcrumb__V7Vrk{display:flex;gap:10px;font-size:13px;color:var(--muted);margin-bottom:20px}.color-families_breadcrumb__V7Vrk a:hover{text-decoration:underline}.color-families_hero__wbk34{display:grid;gap:24px;align-items:center;border:1px solid var(--line);border-radius:24px;background:var(--paper);padding:24px}.color-families_eyebrow__cq984{display:inline-block;border:1px solid #bfdbfe;border-radius:99px;background:#eff6ff;color:#1d4ed8;padding:5px 11px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.color-families_hero__wbk34 h1{font-size:30px;line-height:1.12;font-weight:700;letter-spacing:-.035em;margin:14px 0}.color-families_hero__wbk34 p{font-size:15px;line-height:1.75;color:var(--muted);margin-top:16px}.color-families_stats__GyB9V{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.color-families_stats__GyB9V span{background:var(--soft);border:1px solid var(--line);padding:4px 10px;border-radius:99px}.color-families_smallStrip__jNu66,.color-families_strip__Ep5q8{display:flex;overflow:hidden}.color-families_strip__Ep5q8{height:64px;border:1px solid var(--line);border-radius:16px}.color-families_smallStrip__jNu66 span,.color-families_strip__Ep5q8 span{flex:1;min-width:0}.color-families_smallStrip__jNu66{height:56px}.color-families_jump__9398V{display:flex;gap:8px;overflow-x:auto;padding:18px 0 8px;margin-bottom:24px}.color-families_jump__9398V a{flex-shrink:0;font-size:13px;padding:8px 12px;border:1px solid var(--line);border-radius:99px;background:var(--paper)}.color-families_jump__9398V a span{color:var(--muted);margin-inline-start:4px}.color-families_section__2_9Ai{margin-bottom:36px;scroll-margin-top:90px}.color-families_section__2_9Ai h2{font-size:22px;font-weight:650;letter-spacing:-.025em;line-height:1.3;margin-bottom:16px}.color-families_count__6CodZ{font-size:14px;color:var(--muted);font-weight:400;margin-inline-start:8px}.color-families_muted__DoWR3{font-size:14px;color:var(--muted);margin:0 0 16px}.color-families_featured__t00E_,.color-families_grid__xpJDq{display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}.color-families_featured__t00E_{grid-template-columns:repeat(3,minmax(0,1fr))}.color-families_swatch__J65K8{display:flex;flex-direction:column;overflow:hidden;text-align:start;min-width:0;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);transition:transform .15s,box-shadow .15s}.color-families_swatch__J65K8>span:first-child{display:block;position:relative;aspect-ratio:1;width:100%;border-bottom:1px solid var(--line)}.color-families_swatch__J65K8>span:last-child{display:flex;flex:1;flex-direction:column;gap:3px;min-height:52px;padding:8px 6px;overflow-wrap:anywhere}.color-families_swatch__J65K8 strong{font-size:12px;font-weight:600;line-height:1.35}.color-families_swatch__J65K8 code{font:11px/1.4 ui-monospace,SFMono-Regular,monospace;color:var(--muted)}.color-families_copied__AfE_d{position:absolute;bottom:0;inset-inline:0;background:rgba(15,23,42,.9);color:#fff;text-align:center;font-size:12px;padding:5px}.color-families_page__XBoT4 a:focus-visible,.color-families_swatch__J65K8:focus-visible{outline:3px solid #2563eb;outline-offset:3px}.color-families_notes__RPNIV{display:grid;gap:16px}.color-families_notes__RPNIV article{border:1px solid var(--line);border-radius:16px;padding:22px;background:var(--paper)}.color-families_notes__RPNIV h3{font-weight:600;font-size:17px;line-height:1.4;margin-bottom:12px}.color-families_notes__RPNIV p{font-size:14px;line-height:1.8;color:var(--muted)}.color-families_related__GcO0Y{display:grid;gap:12px}.color-families_related__GcO0Y>a{display:block;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.color-families_related__GcO0Y>a>div:last-child{padding:14px;display:flex;justify-content:space-between;gap:12px;font-size:14px}.color-families_related__GcO0Y span{color:var(--muted);font-size:12px}.color-families_tools__LsZXt{display:flex;flex-wrap:wrap;gap:8px}.color-families_tools__LsZXt a{padding:10px 14px;border:1px solid var(--line);border-radius:10px;font-size:14px;background:var(--paper)}.color-families_disclaimer__yaSW0{border-top:1px solid var(--line);padding-top:18px;color:var(--muted);font-size:12px;line-height:1.8}.color-families_disclaimer__yaSW0 p+p{margin-top:6px}@media(hover:hover){.color-families_swatch__J65K8:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0f172a14}.color-families_jump__9398V a:hover,.color-families_tools__LsZXt a:hover{background:var(--soft)}.color-families_related__GcO0Y a:hover{border-color:#94a3b8}}@media(min-width:768px){.color-families_grid__xpJDq{grid-template-columns:repeat(6,minmax(0,1fr))}.color-families_related__GcO0Y{grid-template-columns:repeat(3,minmax(0,1fr))}.color-families_swatch__J65K8>span:last-child{min-height:58px;padding:10px}.color-families_swatch__J65K8 strong{font-size:13px}.color-families_swatch__J65K8 code{font-size:12px}}@media(min-width:1024px){.color-families_hero__wbk34{grid-template-columns:1.2fr 1fr;padding:32px;gap:40px}.color-families_hero__wbk34 h1{font-size:42px}.color-families_strip__Ep5q8{height:128px}.color-families_grid__xpJDq{grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}.color-families_featured__t00E_{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.color-families_featured__t00E_ .color-families_swatch__J65K8>span:first-child{aspect-ratio:4/3}.color-families_featured__t00E_ .color-families_swatch__J65K8 strong{font-size:15px}.color-families_notes__RPNIV{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.color-families_swatch__J65K8{transition:none}.color-families_swatch__J65K8:hover{transform:none}}