:is(.project-section-header,.project-tab,.project-icon,.project-link-card,.project-emphasis-action,.project-page){--project-accent:var(--primary)}.dark :is(.project-section-header,.project-tab,.project-icon,.project-link-card,.project-emphasis-action,.project-page){--project-accent:color-mix(in oklab, var(--primary), var(--foreground) 45%)}.project-section-header[data-project-tone=info]{--project-accent:var(--info)}.project-section-header[data-project-tone=warning]{--project-accent:var(--warning)}[data-slot=card]:has(>.project-section-header:first-child){padding-block-start:0;container:project-section/inline-size}.project-section-header{padding-block:var(--card-spacing);border-inline-start:3px solid var(--project-accent);background-color:color-mix(in oklch, var(--project-accent) 7%, transparent);padding-inline-start:calc(var(--card-spacing) - 3px);padding-inline-end:var(--card-spacing)}.project-section-header[data-project-layout=split]{grid-template-rows:auto;grid-template-columns:minmax(0,1fr);align-items:start;gap:.75rem}.project-section-header[data-project-layout=split]>*{min-width:0}@container project-section (width>=48rem){.project-section-header[data-project-layout=split]:has(>:nth-child(2)){grid-template-columns:minmax(0,1fr) auto}}.project-section-header [data-slot=card-title]>svg,.project-section-header [data-slot=card-title]>span>svg{color:var(--project-accent)}.project-tag-page button[aria-pressed=true],.project-tab[data-active],.project-tab[aria-pressed=true],.project-emphasis-action{background-color:color-mix(in oklch, var(--project-accent) 12%, var(--background));color:var(--project-accent);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--project-accent) 35%, transparent)}.project-tab[data-active]:hover,.project-tab[aria-pressed=true]:hover,.project-emphasis-action:hover{background-color:color-mix(in oklch, var(--project-accent) 18%, var(--background))}.project-icon{background-color:color-mix(in oklch, var(--project-accent) 12%, transparent);color:var(--project-accent)}.project-link-card{border-inline-start:3px solid color-mix(in oklch, var(--project-accent) 55%, transparent)}.project-link-card:hover,.project-link-card:focus-within{border-inline-start-color:var(--project-accent);background-color:color-mix(in oklch, var(--project-accent) 5%, var(--card))}