.peppe-foundation{padding-bottom:var(--space-64)}.peppe-foundation__lead{font-family:var(--type-family-sans);font-size:var(--type-size-lg);font-weight:var(--type-weight-regular);line-height:var(--type-leading-snug);color:var(--color-ink-secondary);max-width:52ch;margin:0}.peppe-foundation__section,.peppe-foundation__principle,.peppe-foundation__tokens,.peppe-foundation__rules,.peppe-foundation__antipatterns,.peppe-foundation__accessibility{padding-top:var(--space-48);padding-bottom:var(--space-48)}.peppe-foundation__section:not(:last-child),.peppe-foundation__principle:not(:last-child),.peppe-foundation__tokens:not(:last-child),.peppe-foundation__rules:not(:last-child),.peppe-foundation__antipatterns:not(:last-child),.peppe-foundation__accessibility:not(:last-child){border-bottom:1px solid var(--color-surface-divider)}.peppe-foundation__section-heading{font-family:var(--type-family-serif);font-size:var(--type-size-xl);font-weight:var(--type-weight-medium);line-height:var(--type-leading-snug);letter-spacing:var(--type-tracking-tight);color:var(--color-ink-primary);margin:0 0 var(--space-24) 0}.peppe-foundation__paragraph{font-family:var(--type-family-sans);font-size:var(--type-size-md);font-weight:var(--type-weight-regular);line-height:var(--type-leading-normal);color:var(--color-ink-primary);margin:0 0 var(--space-16) 0;max-width:65ch}.peppe-foundation__paragraph:last-child{margin-bottom:0}.peppe-foundation__paragraph code,.peppe-foundation__rules-list code,.peppe-foundation__antipatterns-list code,.peppe-foundation__callout code{font-family:var(--type-family-sans);font-size:var(--type-size-xs);font-weight:var(--type-weight-medium);color:var(--color-ink-tertiary);background:var(--color-surface-carved);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--color-surface-divider)}.peppe-foundation__rules-list{gap:var(--space-16);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.peppe-foundation__rules-list li{font-family:var(--type-family-sans);font-size:var(--type-size-md);font-weight:var(--type-weight-regular);line-height:var(--type-leading-normal);color:var(--color-ink-secondary);padding-left:var(--space-16);border-left:2px solid var(--color-surface-divider)}.peppe-foundation__rules-list li strong{color:var(--color-ink-primary);font-weight:var(--type-weight-medium)}.peppe-foundation__antipatterns-list{margin:var(--space-24) 0 0 0;gap:var(--space-16);flex-direction:column;padding:0;list-style:none;display:flex}.peppe-foundation__antipatterns-list li{font-family:var(--type-family-sans);font-size:var(--type-size-md);font-weight:var(--type-weight-regular);line-height:var(--type-leading-normal);color:var(--color-ink-secondary);gap:var(--space-4);flex-direction:column;display:flex}.peppe-foundation__antipatterns-list li strong{color:var(--color-ink-primary);font-weight:var(--type-weight-medium);font-size:var(--type-size-sm)}.peppe-foundation__antipatterns-desc{font-size:var(--type-size-sm);color:var(--color-ink-secondary);line-height:var(--type-leading-normal);display:block}.peppe-foundation__antipatterns-note{font-family:var(--type-family-sans);font-size:var(--type-size-xs);font-weight:var(--type-weight-regular);line-height:var(--type-leading-normal);color:var(--color-ink-tertiary);margin:var(--space-16) 0 0 0}.peppe-foundation__callout{background:linear-gradient(var(--color-surface-carved), var(--color-surface-carved)) padding-box, linear-gradient(to bottom, var(--border-carved-top), var(--border-carved-bottom)) border-box;box-shadow:var(--shadow-carved);border-radius:var(--radius-md);padding:var(--space-16);margin-top:var(--space-24);align-items:flex-start;gap:var(--space-16);border:1px solid #0000;display:flex}.peppe-foundation__callout-icon{width:var(--icon-size-sm);height:var(--icon-size-sm);flex-shrink:0;align-self:flex-start}.peppe-foundation__callout p{min-width:0;font-family:var(--type-family-sans);font-size:var(--type-size-md);font-weight:var(--type-weight-regular);line-height:var(--type-leading-normal);color:var(--color-ink-primary);flex:1;margin:0}.peppe-foundation__callout p code{font-family:var(--type-family-sans);font-size:var(--type-size-xs);font-weight:var(--type-weight-medium);color:var(--color-ink-tertiary);background:var(--color-surface-carved);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--color-surface-divider)}.peppe-foundation__callout a{color:var(--color-functional-info);text-underline-offset:3px;transition:text-decoration-color var(--duration-micro) ease;-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.peppe-foundation__callout a:hover{-webkit-text-decoration-color:var(--color-functional-info);text-decoration-color:var(--color-functional-info)}.peppe-foundation__callout a:focus-visible{outline:var(--focus-ring-width) solid var(--color-functional-info);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-sm)}.peppe-foundation__callout--info{color:var(--color-accent-amber-bottom)}.peppe-foundation__callout--warning{color:var(--color-functional-alert)}.peppe-foundation__subsection{margin-top:var(--space-32)}.peppe-foundation__subsection:first-of-type{margin-top:0}.peppe-foundation__subsection-heading{font-family:var(--type-family-sans);font-size:var(--type-size-lg);font-weight:var(--type-weight-medium);line-height:var(--type-leading-snug);letter-spacing:var(--type-tracking-normal);color:var(--color-ink-primary);margin:0 0 var(--space-16) 0}.peppe-foundation__token-ref{font-family:var(--type-family-sans);font-size:var(--type-size-xs);font-weight:var(--type-weight-regular);line-height:var(--type-leading-snug);color:var(--color-ink-tertiary);margin:var(--space-8) 0 0 0}.peppe-foundation__token-ref code{font-family:var(--type-family-sans);font-size:var(--type-size-xs);font-weight:var(--type-weight-medium);color:var(--color-ink-tertiary);background:var(--color-surface-carved);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--color-surface-divider)}.peppe-token-family{margin-top:var(--space-48)}.peppe-token-family:first-of-type{margin-top:0}.peppe-token-family__title{font-family:var(--type-family-sans);font-size:var(--type-size-lg);font-weight:var(--type-weight-medium);line-height:var(--type-leading-snug);color:var(--color-ink-primary);margin:0 0 var(--space-8) 0}.peppe-token-family__subtitle{font-family:var(--type-family-sans);font-size:var(--type-size-md);font-weight:var(--type-weight-medium);line-height:var(--type-leading-snug);color:var(--color-ink-primary);margin:var(--space-32) 0 var(--space-8) 0}.peppe-token-family__description{font-family:var(--type-family-sans);font-size:var(--type-size-md);font-weight:var(--type-weight-regular);line-height:var(--type-leading-normal);color:var(--color-ink-secondary);margin:0 0 var(--space-24) 0;max-width:65ch}.peppe-table-wrap{border:1px solid var(--color-surface-divider);border-radius:var(--radius-lg);background:var(--color-surface-base);margin-bottom:var(--space-32);scrollbar-width:thin;scrollbar-color:var(--color-surface-divider) transparent;overflow-x:auto}.peppe-table-wrap::-webkit-scrollbar{height:var(--space-4)}.peppe-table-wrap::-webkit-scrollbar-track{background:0 0}.peppe-table-wrap::-webkit-scrollbar-thumb{background:var(--color-surface-divider);border-radius:var(--radius-sm)}.peppe-table-wrap:focus-visible{outline:var(--focus-ring-width) solid var(--color-functional-info);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-lg)}.peppe-token-table{border-collapse:collapse;width:100%;font-family:var(--type-family-sans);font-size:var(--type-size-sm)}.peppe-token-table thead tr{border-bottom:1px solid var(--color-surface-divider)}.peppe-token-table thead th{padding:var(--space-16) var(--space-24);font-family:var(--type-family-sans);font-size:var(--type-size-xs);font-weight:var(--type-weight-medium);color:var(--color-ink-tertiary);letter-spacing:var(--type-tracking-loose);text-transform:uppercase;text-align:left;line-height:var(--type-leading-snug);white-space:nowrap}.peppe-token-table tbody tr{border-bottom:1px solid var(--color-surface-divider)}.peppe-token-table tbody tr:last-child{border-bottom:none}.peppe-token-table tbody td{padding:var(--space-16) var(--space-24);font-size:var(--type-size-sm);font-weight:var(--type-weight-regular);line-height:var(--type-leading-snug);color:var(--color-ink-secondary);vertical-align:middle;text-align:left}.peppe-token-table tbody code{font-family:var(--type-family-sans);font-size:var(--type-size-xs);font-weight:var(--type-weight-medium);color:var(--color-ink-tertiary);background:var(--color-surface-carved);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--color-surface-divider);display:inline-block}.peppe-swatch{width:var(--swatch-size-md);height:var(--swatch-size-md);border-radius:var(--radius-sm);border:1px solid var(--color-surface-divider);vertical-align:middle;flex-shrink:0;display:inline-block}.peppe-swatch--sm{width:var(--swatch-size-sm);height:var(--swatch-size-sm)}.peppe-swatch--dark-bg{outline:2px solid var(--color-ink-primary);outline-offset:0;border-color:#0000}.peppe-token-table__swatch{text-align:left;vertical-align:middle;width:72px}.peppe-token-table__swatch td{vertical-align:middle}.peppe-token-table tbody td:has(.peppe-swatch--sm){vertical-align:middle;display:table-cell}.peppe-token-table__chip{vertical-align:middle;white-space:nowrap}.peppe-chip-example{padding:var(--space-4) var(--space-8);border-radius:var(--radius-sm);font-family:var(--type-family-sans);font-size:var(--type-size-xs);font-weight:var(--type-weight-medium);letter-spacing:var(--type-tracking-loose);text-transform:uppercase;line-height:var(--type-leading-tight);white-space:nowrap;align-items:center;display:inline-flex}.peppe-chip-example--success{background:var(--color-functional-success-tint);color:var(--color-functional-success)}.peppe-chip-example--alert{background:var(--color-functional-alert-tint);color:var(--color-functional-alert)}.peppe-chip-example--error{background:var(--color-functional-error-tint);color:var(--color-functional-error)}.peppe-chip-example--info{background:var(--color-functional-info-tint);color:var(--color-functional-info)}.peppe-contrast-badge{padding:var(--space-4) var(--space-8);border-radius:var(--radius-sm);font-family:var(--type-family-sans);font-size:var(--type-size-xs);font-weight:var(--type-weight-medium);letter-spacing:var(--type-tracking-loose);text-transform:uppercase;line-height:var(--type-leading-tight);white-space:nowrap;align-items:center;display:inline-flex}.peppe-contrast-badge--aaa{background:var(--color-functional-success);color:var(--color-ink-inverse)}.peppe-contrast-badge--aa{background:var(--color-functional-success-tint);color:var(--color-functional-success)}.peppe-contrast-badge--fail{background:var(--color-functional-alert-tint);color:var(--color-functional-alert)}.peppe-swatch-grid{gap:var(--space-16);margin:0 0 var(--space-32);grid-template-columns:repeat(6,minmax(0,1fr));padding:0;list-style:none;display:grid}.peppe-swatch-grid:last-child{margin-bottom:0}.peppe-swatch-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1024px){.peppe-swatch-grid,.peppe-swatch-grid--four{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:640px){.peppe-swatch-grid,.peppe-swatch-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}}.peppe-swatch-card{background:var(--color-surface-shell);border:1px solid var(--color-surface-divider);border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden}.peppe-swatch-card__chip{border-bottom:1px solid var(--color-surface-divider);height:88px}.peppe-swatch-card__chip-stack{border-bottom:1px solid var(--color-surface-divider);grid-template-rows:1fr 1fr;height:88px;display:grid}.peppe-swatch-card__chip-stack>span:first-child{border-bottom:1px solid var(--color-surface-divider)}.peppe-swatch-card__chip--shell{box-shadow:inset 0 0 0 1px var(--color-surface-divider)}.peppe-swatch-card__body{gap:var(--space-4);padding:var(--space-12) var(--space-16) var(--space-16);flex-direction:column;display:flex}.peppe-swatch-card__name{font-family:var(--type-family-sans);font-size:var(--type-size-sm);font-weight:var(--type-weight-medium);color:var(--color-ink-primary);word-break:break-word;margin:0}.peppe-swatch-card__hex{font-family:var(--type-family-sans);font-size:var(--type-size-xs);color:var(--color-ink-tertiary);letter-spacing:.02em;margin:0}.peppe-swatch-card__hex--secondary{color:var(--color-ink-secondary)}.peppe-swatch-card__papel{margin:var(--space-4) 0 0;font-family:var(--type-family-sans);font-size:var(--type-size-xs);line-height:var(--type-leading-snug);color:var(--color-ink-secondary)}.peppe-swatch-card__chip-caption{padding:var(--space-4) var(--space-8);border-radius:var(--radius-sm);font-family:var(--type-family-sans);font-size:var(--type-size-xs);font-weight:var(--type-weight-medium);letter-spacing:var(--type-tracking-loose);text-transform:uppercase;line-height:var(--type-leading-tight);color:var(--color-ink-secondary);background:var(--color-surface-carved);align-self:flex-start;align-items:center;margin:0;display:inline-flex}.peppe-nav__subitem--active>.peppe-nav__sublink,.peppe-nav__sublink[aria-current=page]{font-weight:var(--type-weight-medium);color:var(--color-ink-primary);border-left-color:#0000}@media (max-width:1024px){.peppe-foundation__lead{font-size:var(--type-size-md);max-width:65ch}.peppe-foundation__section,.peppe-foundation__principle,.peppe-foundation__tokens,.peppe-foundation__rules,.peppe-foundation__antipatterns,.peppe-foundation__accessibility{padding-top:var(--space-32);padding-bottom:var(--space-32)}.peppe-foundation__section-heading{font-size:var(--type-size-lg)}}@media (max-width:768px){.peppe-foundation{padding-bottom:var(--space-32)}.peppe-foundation__section,.peppe-foundation__principle,.peppe-foundation__tokens,.peppe-foundation__rules,.peppe-foundation__antipatterns,.peppe-foundation__accessibility{padding-top:var(--space-24);padding-bottom:var(--space-24)}.peppe-foundation__paragraph,.peppe-token-family__description{max-width:none}.peppe-token-family__title{font-size:var(--type-size-md)}.peppe-token-table thead th,.peppe-token-table tbody td{padding:var(--space-8) var(--space-16)}}