/* One colour per subject, so learners always know which subject they are in.
   Physics = blue, Chemistry = purple, Biology = green, Mathematics = orange.
   The page colours follow <html data-subject="...">; the subject tabs and the home tiles carry their own colour everywhere.
   High-contrast mode (html.dpa-contrast) keeps its own colours. */

/* ---- page colours for each subject section */
html[data-subject="chemistry"]:not(.dpa-contrast), html[data-subject="chemistry"]:not(.dpa-contrast) .site-chrome{
  --blue:#6b3fb8; --blue-soft:#efe8fb; --accent:#6b3fb8; --accent-ink:#ffffff;
  --brand:#6b3fb8; --brand-d:#55309a; --brand-l:#efe8fb; --sky:#ddd0f6; --sky-line:#8b5fd8;
}
html[data-subject="biology"]:not(.dpa-contrast), html[data-subject="biology"]:not(.dpa-contrast) .site-chrome{
  --blue:#0f7a49; --blue-soft:#e2f4ea; --accent:#0f7a49; --accent-ink:#ffffff;
  --brand:#0f7a49; --brand-d:#0f6b42; --brand-l:#e2f4ea; --sky:#cdeedb; --sky-line:#1fa774;
}
html[data-subject="mathematics"]:not(.dpa-contrast), html[data-subject="mathematics"]:not(.dpa-contrast) .site-chrome{
  --blue:#a24a07; --blue-soft:#fdf0e1; --accent:#a24a07; --accent-ink:#ffffff;
  --brand:#a24a07; --brand-d:#863d05; --brand-l:#fdf0e1; --sky:#fbdcb8; --sky-line:#e07b1a;
}
@media (prefers-color-scheme: dark){
  html[data-subject="chemistry"]:not([data-theme="light"]):not(.dpa-contrast), html[data-subject="chemistry"]:not([data-theme="light"]):not(.dpa-contrast) .site-chrome{
    --blue:#c9b1f7; --blue-soft:#221a38; --accent:#b99cf3; --accent-ink:#160d26;
    --brand:#b99cf3; --brand-d:#c9b1f7; --brand-l:#221a38; --sky:#1f1733; --sky-line:#8b5fd8;
  }
  html[data-subject="biology"]:not([data-theme="light"]):not(.dpa-contrast), html[data-subject="biology"]:not([data-theme="light"]):not(.dpa-contrast) .site-chrome{
    --blue:#86e3b0; --blue-soft:#0f2a1c; --accent:#5fd394; --accent-ink:#06210f;
    --brand:#5fd394; --brand-d:#86e3b0; --brand-l:#0f2a1c; --sky:#0f2a1c; --sky-line:#1fa774;
  }
  html[data-subject="mathematics"]:not([data-theme="light"]):not(.dpa-contrast), html[data-subject="mathematics"]:not([data-theme="light"]):not(.dpa-contrast) .site-chrome{
    --blue:#f8c08a; --blue-soft:#2e1d0c; --accent:#f3a75c; --accent-ink:#241404;
    --brand:#f3a75c; --brand-d:#f8c08a; --brand-l:#2e1d0c; --sky:#2b1b0b; --sky-line:#e07b1a;
  }
}
html[data-subject="chemistry"][data-theme="dark"]:not(.dpa-contrast), html[data-subject="chemistry"][data-theme="dark"]:not(.dpa-contrast) .site-chrome{
  --blue:#c9b1f7; --blue-soft:#221a38; --accent:#b99cf3; --accent-ink:#160d26;
  --brand:#b99cf3; --brand-d:#c9b1f7; --brand-l:#221a38; --sky:#1f1733; --sky-line:#8b5fd8;
}
html[data-subject="biology"][data-theme="dark"]:not(.dpa-contrast), html[data-subject="biology"][data-theme="dark"]:not(.dpa-contrast) .site-chrome{
  --blue:#86e3b0; --blue-soft:#0f2a1c; --accent:#5fd394; --accent-ink:#06210f;
  --brand:#5fd394; --brand-d:#86e3b0; --brand-l:#0f2a1c; --sky:#0f2a1c; --sky-line:#1fa774;
}
html[data-subject="mathematics"][data-theme="dark"]:not(.dpa-contrast), html[data-subject="mathematics"][data-theme="dark"]:not(.dpa-contrast) .site-chrome{
  --blue:#f8c08a; --blue-soft:#2e1d0c; --accent:#f3a75c; --accent-ink:#241404;
  --brand:#f3a75c; --brand-d:#f8c08a; --brand-l:#2e1d0c; --sky:#2b1b0b; --sky-line:#e07b1a;
}
/* title band of each subject */
html[data-subject]:not(.dpa-contrast) .page-hero{background:var(--sky) !important; border-bottom:6px solid var(--sky-line) !important;}

/* ---- the four subject tabs: each always shows its own colour */
.subjects a[data-subj="physics"]{--sc:#0a68a6; --sl:#e1f2fb;}
.subjects a[data-subj="chemistry"]{--sc:#6b3fb8; --sl:#efe8fb;}
.subjects a[data-subj="biology"]{--sc:#0f7a49; --sl:#e2f4ea;}
.subjects a[data-subj="mathematics"]{--sc:#a24a07; --sl:#fdf0e1;}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .subjects a[data-subj="physics"]{--sc:#7fd3f5; --sl:#102a3b;}
  :root:not([data-theme="light"]) .subjects a[data-subj="chemistry"]{--sc:#c9b1f7; --sl:#221a38;}
  :root:not([data-theme="light"]) .subjects a[data-subj="biology"]{--sc:#86e3b0; --sl:#0f2a1c;}
  :root:not([data-theme="light"]) .subjects a[data-subj="mathematics"]{--sc:#f8c08a; --sl:#2e1d0c;}
}
:root[data-theme="dark"] .subjects a[data-subj="physics"]{--sc:#7fd3f5; --sl:#102a3b;}
:root[data-theme="dark"] .subjects a[data-subj="chemistry"]{--sc:#c9b1f7; --sl:#221a38;}
:root[data-theme="dark"] .subjects a[data-subj="biology"]{--sc:#86e3b0; --sl:#0f2a1c;}
:root[data-theme="dark"] .subjects a[data-subj="mathematics"]{--sc:#f8c08a; --sl:#2e1d0c;}
html:not(.dpa-contrast) .subjects a[data-subj]{border-top:4px solid var(--sc);}
html:not(.dpa-contrast) .subjects a[data-subj] b{color:var(--sc);}
html:not(.dpa-contrast) .subjects a[data-subj][aria-current="page"]{background:var(--sl); border-color:var(--sc); border-top-width:4px;}

/* ---- home page: subject tiles and buttons in the subject colours */
html:not(.dpa-contrast) a.tile[href="physics.html"]{border-left:6px solid #0a68a6;}
html:not(.dpa-contrast) a.tile[href="chemistry/index.html"]{border-left:6px solid #6b3fb8;}
html:not(.dpa-contrast) a.tile[href="biology/index.html"]{border-left:6px solid #0f7a49;}
html:not(.dpa-contrast) a.tile[href="maths/index.html"]{border-left:6px solid #a24a07;}
html:not(.dpa-contrast) a.btn.primary[href="chemistry/index.html"], html:not(.dpa-contrast) a.nc-btn[href="chemistry/index.html"]{background:#6b3fb8; border-color:#6b3fb8; color:#fff;}
html:not(.dpa-contrast) a.btn.primary[href="biology/index.html"], html:not(.dpa-contrast) a.nc-btn[href="biology/index.html"]{background:#0f7a49; border-color:#0f7a49; color:#fff;}
html:not(.dpa-contrast) a.btn.primary[href="maths/index.html"], html:not(.dpa-contrast) a.nc-btn[href="maths/index.html"]{background:#a24a07; border-color:#a24a07; color:#fff;}

/* ---- independent-work notice */
.indep{border:1.5px solid var(--line, #d3e3ee); border-left:6px solid #b45309; border-radius:12px; padding:12px 16px; margin:16px 0; background:var(--surface, #fff); color:var(--ink, #10243a); font-size:15.5px; line-height:1.5;}
.indep b{color:inherit;}

/* long "Teachers / Parents / Guardians" label: let the subject row wrap on phones */
@media (max-width:640px){
  .site-chrome nav.subnav .wrap{flex-wrap:wrap;}
  .site-chrome nav.subnav a{flex:1 1 auto;}
}
.subnav a.sn-soon{opacity:.62;cursor:default;border-style:dashed}.subnav a.sn-soon small{margin-left:6px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.tile-soon{opacity:.62;border-style:dashed !important;cursor:default}.tile-soon:hover{transform:none;box-shadow:none}

.subnav a.sn-new small{margin-left:6px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;background:#1e8e3e;color:#fff;border-radius:999px;padding:1px 6px}