/* i-to-i TEFL theme for the shared code sign-in page (views/ld-login/signin.html).
   Loaded after /scripts/css/client/learndirect/ld-login.css and only re-colours it: same layout, same components.
   The learndirect file is the base; this file is the brand. */

html, body { background: #F7F5F2 !important; }

.ldl.ldl-brand-i-to-i {
  --navy: #1F2430; --royal: #D96400; --mint: #F58224; --bg: #F7F5F2; --surface-2: #F3EEE8; --border: #E8E1D8; --border-strong: #D3C8BA; --info-soft: #FFF1E6; --focus: 0 0 0 3px #ffffff, 0 0 0 6px #D96400;
  --pulse: rgba(245, 130, 36, .5);
  --pulse-0: rgba(245, 130, 36, 0);
  --hero: radial-gradient(60% 90% at 0% 0%, rgba(217, 100, 0, .85) 0%, rgba(217, 100, 0, 0) 60%), radial-gradient(50% 80% at 100% 10%, rgba(245, 130, 36, .55) 0%, rgba(245, 130, 36, 0) 60%), radial-gradient(45% 60% at 85% 100%, rgba(255, 205, 150, .35) 0%, rgba(255, 205, 150, 0) 65%), #1F2430;
}
.ldl.ldl-brand-i-to-i .ldl-headline em { background: linear-gradient(90deg, #FFD39A, #F58224 55%, #FFE8CC); -webkit-background-clip: text; background-clip: text; }
.ldl.ldl-brand-i-to-i .ldl-brand::after { background: radial-gradient(closest-side, rgba(245, 130, 36, .28), rgba(0, 0, 0, 0)); }
.ldl.ldl-brand-i-to-i .ldl-stepper i.on { background: linear-gradient(120deg, #F58224 0%, #D96400 100%); }
.ldl.ldl-brand-i-to-i .ldl-account-ini { background: linear-gradient(140deg, #D96400 0%, #3A2A1E 60%, #1F2430 100%); }
.ldl.ldl-brand-i-to-i .ldl-hp { background: linear-gradient(140deg, #D96400 0%, #3A2A1E 60%, #1F2430 100%) padding-box, conic-gradient(from var(--ldl-hpa), #F58224, #FFD39A, #D96400, #F58224) border-box; box-shadow: 0 18px 44px -14px rgba(217, 100, 0, .6); }
.ldl.ldl-brand-i-to-i .ldl-orb { background: linear-gradient(120deg, #F58224 0%, #D96400 100%); }
.ldl.ldl-brand-i-to-i .ldl-newtag { background: linear-gradient(120deg, #F58224, #D96400); color: #ffffff; }
.ldl.ldl-brand-i-to-i .ldl-hpanel-top { background: linear-gradient(140deg, #D96400 0%, #3A2A1E 60%, #1F2430 100%); }
@media (max-width: 860px) {
  .ldl.ldl-brand-i-to-i .ldl-hp { background: linear-gradient(140deg, #D96400 0%, #3A2A1E 60%, #1F2430 100%) padding-box, linear-gradient(120deg, #F58224 0%, #D96400 100%) border-box; }
}