/* Lake Road shared look: same fonts, header lockup, buttons and theme toggle in every app */
:root{--lrt-coral:#d9553a;--lrt-coral-hover:#c24a31;--lrt-accent:#d9553a;--lrt-fg:#1c1f27;--lrt-card:#ffffff;--lrt-line:#e3ddd5;--lrt-hover:#efebe6;
  --display:"Outfit",system-ui,sans-serif;--body:"Inter",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace;
  --f-display:"Outfit",system-ui,sans-serif;--f-body:"Inter",system-ui,sans-serif;--f-mono:"IBM Plex Mono",ui-monospace,monospace}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--lrt-accent:#f58a5e;--lrt-fg:#f2efe9;--lrt-card:#1c1f27;--lrt-line:#2f333e;--lrt-hover:#22252e}}
:root[data-theme="dark"]{--lrt-accent:#f58a5e;--lrt-fg:#f2efe9;--lrt-card:#1c1f27;--lrt-line:#2f333e;--lrt-hover:#22252e}
body{font-family:var(--body)}
h1,h2,h3{font-family:var(--display)}

/* header lockup: sunset logo, LAKE ROAD, app name */
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--lrt-fg)}
.brand svg,.brand img{width:32px!important;height:32px!important;flex:none}
.brand b{display:block;font:700 17px/1 var(--display)!important;letter-spacing:.12em!important;color:var(--lrt-fg)!important}
.brand span,.brand small{display:block;margin-top:4px;font:600 9.5px/1.2 var(--display)!important;letter-spacing:.2em!important;text-transform:uppercase;color:var(--lrt-accent)!important}

/* primary buttons: coral with white text everywhere */
button.primary,.primary{background:var(--lrt-coral)!important;border-color:var(--lrt-coral)!important;color:#fff!important}
button.primary:hover,.primary:hover{background:var(--lrt-coral-hover)!important}

/* every "sign in with Google" button looks the same */
.prov,.lrt-google{display:flex!important;align-items:center;justify-content:center!important;gap:10px;width:100%;border:1px solid var(--lrt-line)!important;
  background:var(--lrt-card)!important;color:var(--lrt-fg)!important;font:600 15px var(--body)!important;padding:12px!important;border-radius:10px!important;cursor:pointer}
.prov:hover,.lrt-google:hover{background:var(--lrt-hover)!important}
.prov svg,.lrt-google svg{width:18px!important;height:18px!important;margin:0!important;flex:none}

/* sign-in cards: logo on top */
.lrt-signin-logo svg{width:56px;height:56px;display:block;margin:0 0 14px}
.lrt-center{text-align:center}
.lrt-center .lrt-signin-logo svg{margin:0 auto 14px}

/* light/dark switch, bottom-right corner */
.lrt-theme{position:fixed;right:16px;bottom:16px;z-index:60;width:38px;height:38px;border-radius:50%;border:1px solid var(--lrt-line);
  background:var(--lrt-card);color:var(--lrt-fg);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.lrt-theme svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.lrt-theme:hover{border-color:var(--lrt-accent)}
@media print{.lrt-theme{display:none!important}}