/* Intentional dark brand theme shared by standalone and embedded previews. */
:root{color-scheme:dark;--cream:#061b16;--ink:#edf8f0;--muted:#a0bead;--mint:#123e31;--blue:#103b42;--blush:#14372b;--line:#294d3a}
html,body,.phone{background:#061b16;color:#edf8f0}.phone>header{background:#061b16;border-bottom:1px solid #254333}
.brand{font-weight:500;letter-spacing:-.02em;font-size:18px}.symbol{display:inline-block;width:26px;height:31px;background:url('assets/handshake-symbol.svg') center/contain no-repeat}.symbol i,.symbol:before,.symbol:after{display:none}
.eyebrow,em,.textbutton,.success{color:#83eac0}.avatar{background:#154833;color:#a0f5cc}.avatar.large{border-color:#315a43}
.hero{background:radial-gradient(ellipse at 100% 0%,#0e676244,transparent 70%),linear-gradient(130deg,#1b4f36,#103226);border:1px solid #315e45;box-shadow:0 15px 30px #0002}
.network,.network:before,.network:after{border-color:#49d7b638}.pill{background:#204a32;color:#b0f0c4}
.primary{background:linear-gradient(110deg,#b3ffd7,#57edc0);color:#043124}.secondary{background:#103224;border-color:#37634a;color:#c6f4d8}
.card{background:#0e2e20;border-color:#31513b}.card .icon{background:#154339}.social{background:#153d2b;color:#c8f6dc}.social:nth-of-type(2){background:#133329}.social:nth-of-type(3){background:#103b42}
.tag-art{background:radial-gradient(ellipse,#1a5a3f66,transparent 68%)}.tag-art img{filter:drop-shadow(0 15px 25px #0007)}
.phone>nav{background:#061b16;border-color:#2a4d39}.phone>nav button{color:#96b19f}.phone>nav button[aria-current=page]{background:#163e2b;color:#8ceec0}.phone>nav button[aria-current=page] span:after{background:#76ebbd}
.demo{background:#061b16;color:#87a793}.steps li:before{background:#204c34;color:#baf4cd}.steps li.pending:before{background:#153224;color:#8ba997}.steps li:not(:last-child):after{background:#346048}
label{color:#b3d2bd}input,textarea,.connection-filters select,.demo-controls select{background:#0d2c1f;color:#e8f7ed;border-color:#396147}input::placeholder,textarea::placeholder{color:#86a794}
#toast{background:#b7f9d4;color:#072c1b}.connection-tabs{background:#0a271b}.connection-tabs button[aria-pressed=true]{background:#23553a;color:#ccf9db}
.contact-row:hover{background:#123523}.sync-panel,.photo-editor{background:#103825;border-color:#355e41}.sync-state{color:#91e3b1!important}
.photo-editor input{background:#0a2a1c}.photo-editor input::file-selector-button{background:#28593a;color:#d0f5dd}
.activation-progress li{color:#89aa96;border-color:#284a34}.activation-progress .current,.activation-progress .complete{color:#a5efc4;border-color:#65d6a0}
.scan-illustration,.nfc-illustration{background:#0f3625;border-color:#6dd9a3;color:#a5efc4}.scan-illustration span{color:#b7d5c0}.sync-compact{background:#153d29;color:#b2dfc1}.filters{color:#a4d8b6}
main{scrollbar-color:#3f7254 #061b16}:where(a,button,input,textarea,select,summary):focus-visible{outline-color:#68f0c4}
.hero .primary{background:linear-gradient(110deg,#b3ffd7,#57edc0);color:#043124}.phone>.demo{background:#061b16;color:#87a793}
.feature-actions button,.home-shortcuts button,.identity-card{background:#0e2e20;border-color:#31513b;color:#d7f5e2}.home-shortcuts small{color:#a0bead}.shortcut-mark,.home-shortcuts button:nth-child(2) .shortcut-mark{background:#204a32;color:#a6f3cf}
.feature-form select{background:#0d2c1f;color:#e8f7ed;border-color:#396147}.identity-cover{background:linear-gradient(120deg,#0f3829,#266b4c)}.auth-notification{background:#123d39;border-color:#31594e;color:#c2efdc}.back{color:#a3dbba}
.primary:hover,.hero .primary:hover{background:#c9ffe4;color:#043124}.home-shortcuts button:hover,.feature-actions button:hover{background:#19482e;border-color:#5a9670}
/* Approved Menta natural palette, shared by both app previews. */
:root{color-scheme:light;--cream:#e4fff0;--ink:#103c31;--muted:#3a6c5b;--mint:#cceedd;--blue:#b0e2e6;--blush:#f8fffa;--line:#b4d6c6}
html,body,.phone{background:#d9f5e8;color:#103c31}.phone{background:linear-gradient(155deg,#e4fff0,#bcead9)}
.phone>header,.phone>nav,.phone>.demo{background:#edfff5;color:#466c5c;border-color:#b4d6c6}
.brand,h1,h2,h3{color:#103c31}.eyebrow,em,.textbutton,.success,.back{color:#22654e}
.avatar{background:#c5ead7;color:#174e3e}.avatar.large{border-color:#effff4}
.hero{background:linear-gradient(130deg,#d2f6e3,#bce4df);border-color:#a7ceba;box-shadow:0 12px 25px #21523e0b}
.network,.network:before,.network:after{border-color:#458f7733}.pill{background:#c8ead8;color:#245942}
.primary,.hero .primary{background:#174e3e;color:#e7fff1}.primary:hover,.hero .primary:hover{background:#22664f;color:#fff}
.secondary{background:#f8fffa;color:#294e43;border-color:#b4d6c6}
.card,.feature-actions button,.home-shortcuts button,.identity-card{background:#f5fff9;color:#103c31;border-color:#b7d9c7}
.card .icon,.shortcut-mark,.home-shortcuts button:nth-child(2) .shortcut-mark{background:#d0efe2;color:#205861}
.social{background:#174e3e;color:#e7fff1;border-color:#23554218}.social:nth-of-type(2){background:#f8fffa;color:#294e43}.social:nth-of-type(3){background:#b0e2e6;color:#205861}
.social small{color:inherit;opacity:.8}
.phone>nav button{color:#527564}.phone>nav button[aria-current=page]{background:#c8ead8;color:#174e3e}.phone>nav button[aria-current=page] span:after{background:#237859}
.demo,.phone>.demo{color:#537663}.steps li:before{background:#bde5cf;color:#24543d}.steps li.pending:before{background:#e4f2e9;color:#527564}.steps li:not(:last-child):after{background:#b4d6c6}
label{color:#315f4a}input,textarea,.connection-filters select,.demo-controls select,.feature-form select{background:#f8fffa;color:#103c31;border-color:#abcdbb}input::placeholder,textarea::placeholder{color:#628574}
#toast{background:#174e3e;color:#effff4}.connection-tabs{background:#cdebdc}.connection-tabs button[aria-pressed=true]{background:#f8fffa;color:#174e3e}
.contact-row:hover,.home-shortcuts button:hover,.feature-actions button:hover{background:#e1f6e9;border-color:#9ac7af}
.sync-panel,.photo-editor{background:#dbf3e4;border-color:#acd2ba}.sync-state{color:#27664a!important}
.photo-editor input{background:#f8fffa}.photo-editor input::file-selector-button{background:#c3e8d2;color:#174e3e}
.activation-progress li{color:#5b7c69;border-color:#b4d6c6}.activation-progress .current,.activation-progress .complete{color:#1c6246;border-color:#3c9970}
.scan-illustration,.nfc-illustration{background:#e8fff0;border-color:#5dab83;color:#245942}.scan-illustration span{color:#3a6c5b}.sync-compact{background:#c8ead8;color:#245942}.filters,.home-shortcuts small{color:#3a6c5b}
.auth-notification{background:#d5eee7;border-color:#a6cebf;color:#245942}.identity-cover{background:linear-gradient(120deg,#b4dfc8,#d6f5e7)}
main{scrollbar-color:#81b69b #e4fff0}:where(a,button,input,textarea,select,summary):focus-visible{outline-color:#257957}