/* Ohne Blau in der App (Wunsch Lino 31.10.2026): alle blauen Akzente, die
   fest in den Stilvorlagen stehen, auf die beige-braunen Designfarben setzen.
   Nur in app.html geladen, als letzte Stilvorlage. Logo und Figur bleiben blau
   (die haben eigene Farben und kommen hier bewusst nicht vor). */

:root { --gold: #8A7765; --gold-hover: #705E4E; --gold-text: #705E4E; --gold-light: #F3ECE2; --gold-ink: #FFFFFF; }

/* base.css */
.btn-ghost:hover { border-color: rgba(138, 119, 101, .3); }
.pill { background-color: rgba(138, 119, 101, .08); border-color: rgba(138, 119, 101, .2); }
.spinner { border-color: rgba(138, 119, 101, .15); border-top-color: var(--gold); }
.btn.btn-busy::after { border-right-color: rgba(138, 119, 101, .2); border-bottom-color: rgba(138, 119, 101, .2); border-left-color: rgba(138, 119, 101, .2); }
.milestone-btn:hover { box-shadow: 0 4px 16px rgba(138, 119, 101, .2); }
.dash-quick-btn:hover { box-shadow: 0 3px 10px rgba(138, 119, 101, .12); }
.focus-widget:hover { box-shadow: 0 6px 20px rgba(138, 119, 101, .12); }
.coach-center-card:hover { box-shadow: 0 10px 32px rgba(138, 119, 101, .14); border-color: rgba(138, 119, 101, .3); }

/* components.css */
.chip.selected { background-color: rgba(138, 119, 101, .08); }
.tracker-fab { box-shadow: 0 4px 14px rgba(138, 119, 101, .28); }
.tracker-fab:hover { box-shadow: 0 8px 20px rgba(138, 119, 101, .32); }
#upgrade-modal { --pw-blue: #8A7765; --pw-royal: #705E4E; }
#upgrade-modal .pw-modal { box-shadow: 0 40px 120px -24px rgba(112, 94, 78, .5), 0 0 0 1px rgba(48, 40, 35, .3); }
#upgrade-modal .pw-orb-2 { background-image: radial-gradient(circle, rgba(211, 162, 87, .45) 0%, rgba(211, 162, 87, 0) 68%); }
#upgrade-modal .pw-btn-primary { box-shadow: 0 10px 30px -6px rgba(138, 119, 101, .6), inset 0 -3px 0 rgba(112, 94, 78, .18); }
#upgrade-modal .pw-btn-primary::after { background-image: linear-gradient(105deg, rgba(237, 226, 213, 0) 0%, rgba(237, 226, 213, .55) 40%, rgba(255, 255, 255, .95) 50%, rgba(237, 226, 213, .55) 60%, rgba(237, 226, 213, 0) 100%); }
#upgrade-modal .pw-btn-primary:hover { box-shadow: 0 16px 38px -6px rgba(138, 119, 101, .7), inset 0 -3px 0 rgba(112, 94, 78, .18); }
#upgrade-modal .pw-btn-primary:active { box-shadow: 0 4px 14px -4px rgba(138, 119, 101, .6), inset 0 2px 4px rgba(112, 94, 78, .2); }
.tour-highlight-ring { box-shadow: 0 0 0 4px rgba(138, 119, 101, .15), 0 0 0 2000px rgba(48, 40, 35, .35); }
#tour-overlay .tour-highlight-ring { box-shadow: 0 0 0 4px rgba(138, 119, 101, .22), 0 0 0 200vmax rgba(48, 40, 35, .55); }
.dash-quick-card-featured { box-shadow: 0 8px 24px rgba(138, 119, 101, .22); }
.dash-quick-card-icon.indigo { background-color: rgba(112, 94, 78, .1); color: #705E4E; }
.upgrade-col-featured { box-shadow: 0 0 0 2px rgba(138, 119, 101, .15); }
.progress-dot-done { box-shadow: 0 0 0 4px rgba(138, 119, 101, .1); }
.trophy-node-active { background-color: rgba(138, 119, 101, .08); }
.coach-center-card { background-image: linear-gradient(135deg, rgba(138, 119, 101, .06) 0%, rgba(211, 162, 87, .04) 100%); border-color: rgba(138, 119, 101, .18); }
input:focus, textarea:focus, select:focus { box-shadow: 0 0 0 3px rgba(138, 119, 101, .12); }
.coaching-step.step-active { box-shadow: 0 0 0 2px var(--gold), 0 8px 24px rgba(138, 119, 101, .14); }
.step-review-textarea { border-color: rgba(138, 119, 101, .35); }
.step-student-a { box-shadow: 0 2px 8px rgba(138, 119, 101, .18); }
.step-done-btn-suggested { background-color: rgba(138, 119, 101, .1) !important; }
.step-why { background-color: rgba(138, 119, 101, .04); border-left-color: rgba(138, 119, 101, .2); }
.todo-item:not(.todo-done):hover { background-color: rgba(138, 119, 101, .04); }
@media (max-width: 520px) { .dash-mobile-hero { background-image: linear-gradient(135deg, #8A7765 0%, #705E4E 100%); } }
@media (max-width: 480px) {
  .tile-mobile-banner-violet, .tile-mobile-banner-blue, .profile-mobile-complete { background-image: linear-gradient(135deg, #8A7765, #705E4E); }
}
.mc-ablauf-item-next { box-shadow: 0 0 0 2px var(--gold), 0 4px 12px rgba(138, 119, 101, .1); }
.class-join-invite { background-color: rgba(138, 119, 101, .08); }
.ivv-mic { box-shadow: 0 10px 26px rgba(138, 119, 101, .35); }
.ia-blue { --ia-fg: #705E4E; --ia-bg: #EDE2D5; --ia-bg-h: #E5D5C5; --ia-bd: #DED2C5; }

/* aptitude-pro.css / aptitude-lernplan.css */
.mc-reading-sheet i { background-image: linear-gradient(transparent, rgba(138, 119, 101, .28), transparent); }
.mcl-day.t-exam .mcl-tag { background-color: rgba(138, 119, 101, .12); color: #705E4E; }

/* pro-teaser.css */
.pt-card::before { background-image: radial-gradient(120% 100% at 15% 0%, rgba(138, 119, 101, .16), transparent 60%), radial-gradient(90% 90% at 100% 0%, rgba(211, 162, 87, .14), transparent 60%); }
.pt-head h2 .pw-accent { color: #705E4E; }
.pt-page circle { fill: #DED2C5; }
.pt-page .pt-band, .pt-b4, .pt-plane path { fill: #8A7765; }
.pt-bar { fill: #CDBBA6; }
.pt-b3 { fill: #B8A48F; }

/* Helfer-Knopf unten rechts */
.sh-fab .sh-fab-figure { --on-accent: #8A7765; }

/* pages.css */
.myway-zz-circle { --mw-under: #5E4E40; }
.myway-zz-pill { box-shadow: 0 2px 0 #5E4E40; }
.myway-zz-info-eyebrow { color: #705E4E; }

/* berufe-fenster.css */
.bf-scale-bar { background-image: linear-gradient(90deg, #DED2C5, #EDE2D5); }
.cq-mood.selected { box-shadow: 0 6px 18px rgba(138, 119, 101, .18); }

/* helper.css */
.sh-fab { background-color: #8A7765; box-shadow: 0 8px 24px rgba(138, 119, 101, .32); }
.sh-fab:hover { background-color: #705E4E; }
.sh-fab:focus-visible { outline-color: rgba(138, 119, 101, .35); }
.sh-panel :focus-visible { outline-color: #8A7765; }
.sh-lang.is-active { color: #705E4E; background-color: #F3ECE2; }
.sh-msg.is-user { background-color: #8A7765; }
.sh-link { border-color: #8A7765; color: #705E4E; }
.sh-link:hover { background-color: #8A7765; }
.sh-link:active { background-color: #705E4E; border-color: #705E4E; }
.sh-msg-btn, .sh-chip { border-color: #EDE2D5; color: #705E4E; }
.sh-msg-btn:hover, .sh-chip:hover, .sh-back:hover { background-color: #F3ECE2; }
.sh-chip.is-primary { background-color: #8A7765; border-color: #8A7765; }
.sh-chip.is-primary:hover, .sh-send:hover, .sh-btn:hover { background-color: #705E4E; }
.sh-panel .sh-textarea:focus, .sh-panel .sh-field-input:focus { border-color: #8A7765; box-shadow: 0 0 0 3px rgba(138, 119, 101, .15); }
.sh-send, .sh-btn { background-color: #8A7765; }
.sh-foot-link, .sh-back { color: #705E4E; }
.sh-foot-link:hover { color: #5E4E40; }
.sh-panel .typing-dots i { background-color: #8A7765; }
.sh-panel .sh-check input { accent-color: #8A7765; }
.sh-btn-light { background-color: #F3ECE2; color: #705E4E; }
.sh-btn-light:hover { background-color: #EDE2D5; }

/* lang-picker.css / myway-coach.css */
.lang-picker-btn.selected { box-shadow: 0 0 0 3px rgba(138, 119, 101, .15); }
.mwc-consent-link { color: #705E4E; }
.mwc-consent-link:focus-visible { outline-color: #8A7765; }

/* Multicheck: Zeitbalken in der Designfarbe */
.mc-shell-timebar-fill { background: #B8A48F; }
.mc-shell-timebar-fill.low { background: #B4553F; }