/* within brand foundation · approved first sans-serif butterfly moodboard */
:root{--bg:#FAF7F2;--paper:#FFFCF8;--ink:#403730;--muted:#70665f;--line:#e9dfd7;--sage:#A7B29A;--pale:#EBEEE6;--blush:#EAD6CE;--rose:#D1A89C;--taupe:#B7A392;--brown:#6A584E;--radius-card:20px;--radius-control:13px;--space:8px}
body{background:var(--bg);color:var(--ink);font-family:'Avenir Next',Avenir,'Helvetica Neue',Arial,sans-serif;font-weight:400;letter-spacing:-.01em}
.workspace{max-width:1500px}.prototype{background:#fdfbf7;border-color:var(--line)}aside{background:#f5f0e9;border-color:var(--line)}aside button.active{background:#e7e9df;color:#3c4935}h1{font-weight:400;letter-spacing:-.047em}h2{font-weight:500;letter-spacing:-.028em}.eyebrow{letter-spacing:.17em;font-weight:600}.card{border-color:var(--line);border-radius:var(--radius-card);box-shadow:0 5px 22px rgba(79,61,49,.025)}.card.sage{background:var(--pale)}.card.blush{background:#f4e6df}.card.dark{background:var(--brown)}.btn{background:var(--brown);font-weight:600;min-height:46px}.btn.secondary{border-color:var(--taupe);background:#fffaf6;color:var(--brown)}.choice{border-color:#c9bab0}.choice.selected,.day.selected{background:#65745b;border-color:#65745b;color:white}.pill{background:#ede6de;color:#5e5046}.icon{background:#f3e3dc;color:#79594e}.event-body{background:#f0f1eb;border-color:var(--sage)}.event-body.rose{background:#f6eae5;border-color:var(--rose)}.bar i{background:#7b8a70}.chart div{background:var(--sage)}.calendar-grid .period{background:var(--blush)}.avatar{background:var(--blush)}.screen-grid button{transition:background .16s ease,transform .16s ease}.screen-grid button:hover{background:var(--pale);transform:translateY(-2px)}#toast{background:var(--brown)}
.brand-lockup{width:320px;height:215px;max-width:100%;background-image:url('within-approved-brand.png');background-repeat:no-repeat;background-size:1024px 683px;background-position:-40px -3px;margin:0 auto 14px}.brand-reference{text-align:center;padding:8px 0 30px}.brand-reference .brand-lockup{margin-bottom:0}.brand-reference p{margin-top:-3px}.swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.swatches>div{display:flex;flex-direction:column;gap:3px;font-size:14px}.swatches small{font-size:12px;color:var(--muted)}.swatch{width:56px;height:56px;border:1px solid #ddd2c8;border-radius:50%;margin-bottom:6px}.type-display{font-size:33px;line-height:1.2;letter-spacing:-.045em;margin:24px 0;color:var(--brown)}
@media(max-width:800px){#nav{background:rgba(255,252,248,.96)}#nav button.active{color:#536248}#nav .add span{background:var(--brown)}.brand-lockup{width:290px;height:182px;background-size:860px 574px;background-position:-27px -3px}.swatches{grid-template-columns:repeat(3,1fr)}}