/* White typography is the shared rule for pink surfaces, including pale panels.
   Use the original TREE brand pink. White inset cards retain ink. */
:root{--tree-pink-surface:#fa588b;--tree-pink-hover:#ff76a0}
:is(.topbar,footer,.brand-ribbon,.parent-fees,.notice,.stats,.card-bottom,.seed-card,.demo-strip,.guide-sidebar,.guide-callout,.guide-cards a,.ff-stat,.ff-explainer,.ff-fees,.ff-empty,.ff-branches summary,.ff-leaf-row,.ff-root-buttons button,.learn-preview,.learn-walk,.learn-tree,.learn-stream,.learn-calculator,.learn-end,.wallet-picker-hero,.wallet-picker-footer,.image-dropzone,.asset-dialog-bottom,.asset-search,.tabs){background:var(--tree-pink-surface);color:#fff}
:is(.topbar,footer,.brand-ribbon,.parent-fees,.notice,.stats,.card-bottom,.seed-card,.demo-strip,.guide-sidebar,.guide-callout,.guide-cards a,.ff-stat,.ff-explainer,.ff-fees,.ff-empty,.ff-branches summary,.ff-leaf-row,.ff-root-buttons button,.learn-preview,.learn-walk,.learn-tree,.learn-stream,.learn-calculator,.learn-end,.wallet-picker-hero,.wallet-picker-footer,.image-dropzone,.asset-dialog-bottom,.asset-search,.tabs) :is(h1,h2,h3,h4,p,a,span,small,strong,b,em,i,label,output,button,li,svg){color:#fff}
.topbar{background:#fa588b;border-color:#fa588b}.topbar nav{background:#ffffff12;border-color:#ffffff30}.topbar nav a{color:#fff}.topbar nav a:hover,.guide-sidebar nav a:hover,.guide-cards a:hover{background:var(--tree-pink-hover);color:#fff}.topbar .logo-crop{color:#fff}.topbar nav a.current,.topbar nav a[aria-current=page]{background:#ee477e;color:#fff}.topbar .twitter-button,.topbar .button.secondary{background:#fa588b;color:#fff;border-color:#ffffff66}.topbar .twitter-button:hover{background:#ff76a0;color:#fff}
/* A white inset is a separate surface, not white text on white. */
:is(.learn-node,.learn-stream>span,.fee-flow>span,.image-dropzone input[type=file],.learn-inputs input[type=number],.wallet-picker-close,.secondary,.tabs button.active){background:#fff;color:#693044}
:is(.learn-node,.learn-stream>span,.fee-flow>span,.secondary,.tabs button.active) :is(span,small,strong,b,svg){color:#693044}
.learn-node small{color:#886073}.learn-node>span{background:var(--tree-pink-surface);color:#fff}.learn-tree>small,.learn-tree>p{color:#fff}.learn-fork,.learn-fork:before,.learn-stem,.learn-twins .learn-node:before{border-color:#ffffff90}.learn-fork:after,.learn-stem:after{background:#fff;box-shadow:0 0 10px #ffffff80}.learn-step-dots button{background:#fff;color:#973155}.learn-step-dots button[aria-pressed=true]{background:#ee477e;color:#fff}.learn-stream>b{color:#fff}.learn-meter{background:#ffffff55}.learn-meter span{background:#fff}.learn-inputs input{accent-color:#fff}.learn-inputs input[type=number]{color:#693044}.wallet-picker-close{color:#a62959}.wallet-picker-close:hover{color:#8b224b;background:#fff}
/* Pink controls, badges and image placeholders, wherever they appear. */
:is(.primary,.topbar .primary,.guide-sidebar a[aria-current=page],.ff-toolbar h2>span,.ff-avatar,.ff-branch-count,.ff-status,.pair-badge,.preview-avatar,.step-number,.asset-type,.asset-close,.asset-filters button,.wallet-picker-arrow,.learn-jumps button,.image-dropzone input::file-selector-button){background:var(--tree-pink-surface);color:#fff}
.avatar{background:var(--tree-pink-surface)!important;color:#fff!important}
:is(.primary,.topbar .primary):hover{background:var(--tree-pink-hover);color:#fff}.submit:disabled{background:#f397b5;color:#fff}.guide-sidebar a[aria-current=page],.asset-filters button[aria-pressed=true],.ff-root-buttons button[aria-pressed=true]{background:#ee477e;color:#fff}.ff-root-buttons button[aria-pressed=true] *{color:#fff}
:is(.wallet-picker-option:hover,.asset-row:hover,.asset-row:focus-visible,.asset-row[aria-pressed=true],.asset-picker-trigger:hover,.tree-list a:hover,.tree-list .selected,.pair-option:has(input:checked),.fee-choice:has(input:checked)){background:var(--tree-pink-surface);color:#fff}
:is(.wallet-picker-option:hover,.asset-row:hover,.asset-row:focus-visible,.asset-row[aria-pressed=true],.asset-picker-trigger:hover,.tree-list a:hover,.tree-list .selected,.pair-option:has(input:checked),.fee-choice:has(input:checked)) :is(span,small,strong,b){color:#fff}
.image-dropzone.drag-over{background:var(--tree-pink-hover)}.asset-search input{color:#fff}.asset-search input::placeholder{color:#fff;opacity:1}.launch-form :is(input:not([type=file]):not([type=hidden]),textarea,select){background:#fff;color:#693044}.ff-explainer li:before{color:#fff;border-color:#ffffff90}.guide-group,.guide-launch{color:#fff}.guide-launch{border-color:#ffffff55}.learn-eyebrow:where(.learn-walk *,.learn-calculator *,.learn-end *){color:#fff!important}.wallet-picker-eyebrow{color:#fff}.ff-results :is(summary,.ff-leaf-row) a:hover{color:#fff;text-decoration:underline}
.learn-page .learn-node>span{color:#fff}.image-dropzone input::file-selector-button{background:var(--tree-pink-surface);color:#fff}.guide-sidebar nav a[aria-current=page]{color:#fff}.learn-page .learn-end .secondary{color:#693044}.learn-page .learn-controls .secondary{color:#693044}.ff-explainer .secondary{color:#693044}
.wallet-picker .wallet-picker-close{color:#a62959}.asset-dialog .asset-row .asset-icon,.asset-picker-trigger .asset-icon{color:#ac2b59}.asset-search input::placeholder{color:#fff}

/* Let wallet logos retain their own silhouette without a pink frame. */
.wallet-picker .wallet-picker-icon{background:transparent;border:0;box-shadow:none;color:#b6587b}