/* AI Kaksha website: src/index.css, PreviewHeader, PreviewHomePrograms.
   Keep Moodle controls/validation intact; selectors never theme administrator pages. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap');
body.aik-learner, body.pagelayout-login {
 --aik-cream:#fff8f2; --aik-surface:#fffaf6; --aik-peach:#fce8df;
 --aik-coral:#e9656b; --aik-action:#bc3947; --aik-ink:#171717;
 --aik-muted:#655c57; --aik-border:#eadbd1;
 background:var(--aik-cream); color:var(--aik-ink);
 font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
 -webkit-font-smoothing:antialiased;
}
body.aik-learner a, body.pagelayout-login a { color:#a73543; }
body.aik-learner .btn-primary, body.pagelayout-login .btn-primary {
 background:var(--aik-action); border-color:var(--aik-action); color:#fff;
 border-radius:12px; font-weight:700; min-height:46px; padding:11px 20px;
}
body.aik-learner .btn-primary:hover, body.pagelayout-login .btn-primary:hover {
 background:#a52f3c; border-color:#a52f3c; color:#fff;
}
body.aik-learner :focus-visible, body.pagelayout-login :focus-visible {
 outline:3px solid #a73543; outline-offset:3px;
}
body.aik-learner .form-control, body.pagelayout-login .form-control {
 border-color:#ae9387; border-radius:10px;
}
body.pagelayout-login #page { background:var(--aik-cream); }
body.pagelayout-login .login-container {
 background:var(--aik-surface); border:1px solid var(--aik-border);
 border-radius:28px; box-shadow:0 16px 50px rgba(102,74,63,.08);
}
/* Match the website's crop of the original transparent logo canvas. */
body.pagelayout-login .login-container::before {
 content:""; display:block; width:min(100%,270px); height:72px;
 margin:0 auto 24px; background:url('pix/ai-kaksha-logo.png') center/cover no-repeat;
}
body.pagelayout-login h1, body.pagelayout-login h2 {
 color:var(--aik-ink); font-weight:700; letter-spacing:-.035em;
}
body.pagelayout-login .login-divider { border-color:var(--aik-border); }
body.pagelayout-login .btn-secondary { background:#fce8df; color:#3d3734; border-color:#eadbd1; border-radius:12px; }
body.aik-learner .navbar { background:var(--aik-cream)!important; border-bottom:1px solid var(--aik-border); }
body.aik-learner .navbar-brand {
 position:relative; width:200px; height:52px; font-size:0; margin-right:16px; flex-shrink:0;
 background:url('pix/ai-kaksha-logo.png') center/cover no-repeat;
}
body.aik-learner .navbar-brand img { visibility:hidden; }
body.aik-learner .navbar .nav-link, body.aik-learner .usermenu a { color:#3d3734; }
body.aik-learner .navigation .active > .nav-link,
body.aik-learner .secondary-navigation .nav-link.active { border-color:var(--aik-coral); }
body.aik-learner .drawer, body.aik-learner .drawercontent { background:var(--aik-surface); }
body.aik-learner .list-group-item.active { background:#fce8df; border-color:#eadbd1; color:#171717; }
body.aik-learner #page-header h1 { letter-spacing:-.04em; font-weight:700; }
@media(max-width:767px) {
 body.aik-learner .navbar-brand { display:block!important; width:120px; height:38px; margin-right:4px; }
 body.pagelayout-login .login-container { border-radius:22px; }
 body.pagelayout-login .login-container::before { width:220px; max-width:100%; height:60px; margin-bottom:20px; }
}
@media(prefers-reduced-motion:reduce) {
 body.aik-learner *, body.pagelayout-login * { scroll-behavior:auto!important; transition:none!important; }
}