/* Vijenai app identity; accounts and subscriptions stay in each app. */
:root{--brand:#8EA85D;--accent:#8EA85D;--bg:#FFFFFF;--ink:#242824;--text:#242824;--muted:#636760;--line:#e3e5e1;color-scheme:light}
body.reference-app{background:#fff;color:#242824}body.reference-app .header,body.reference-app .tabs{background:white;color:#242824;border-color:#e3e5e1}body.reference-app button.primary,body.reference-app .button.primary{background:#8EA85D;color:#202820;border-color:#8EA85D}body.reference-app .tabs button[aria-current]{background:#f4f7ef;color:#242824;border-color:#9fb77f}body.reference-app .card,body.reference-app .panel{box-shadow:none;border-color:#e3e5e1}body.reference-app .project-name{color:#242824}

:root{--fg:#242824;--panel:#f7f9f4;--raised:#f0f3eb;--on-accent:#242824;--background:#fff;--foreground:#242824;--primary:#8EA85D;--primary-foreground:#242824;--muted-foreground:#636760;--border:#e3e5e1;--input:#dce1d6;--ring:#829865}
body.reference-app .brand,body.reference-app .brand b,body.reference-app .brand small{color:#242824}
body.reference-app .account-top,body.reference-app .account-card{background:#fff;border-color:#e3e5e1;border-radius:5px}
body.reference-app .account-card a{color:#334a2b}
body.reference-app .account-card button,body.reference-app .account-page>.app-credits button{background:#8EA85D;color:#242824}
body.reference-app .steps>button.active>span{background:#8EA85D;border-color:#8EA85D;color:#242824}
body.reference-app .steps>button.active{background:#f4f7ef;color:#242824;border-color:#9fb77f}
body.reference-app .wallet-link,body.reference-app .wallet-link span,body.reference-app .credit-balance{color:#334a2b}
body.reference-app .statusbar{color:#636760}
body.reference-app input,body.reference-app select,body.reference-app textarea{color:#242824;background:#fff}
body.reference-app input::placeholder,body.reference-app textarea::placeholder{color:#72766e;opacity:1}
body.reference-app button:focus-visible,body.reference-app a:focus-visible{outline:2px solid #536940;outline-offset:3px}
body.reference-app .frame{background:#242824}
body.reference-app .frame .placeholder{color:#eef1e8}
body.reference-app .ref-item img{background:#f4f6f0}
body.reference-app [role=alert]{color:#963b39}
body.reference-app .app-credit-box{border-color:#dce1d6;border-radius:5px}

@media(max-width:600px){body.reference-app input,body.reference-app textarea,body.reference-app select{font-size:16px}}

body.reference-app button.primary:hover{background:#adc58e;color:#242824}