/* SITE v7 — Spark Bubble brand · 2026-10-13
   Loads after v6.css and re-points the v6 palette to the approved brand:
   plum ink, coral, marigold, white sparkle. Body text stays Atkinson Hyperlegible
   (built for low-vision readers); headings move to Bricolage Grotesque. */

@font-face{font-family:"Bricolage";src:url("../fonts/bricolage-grotesque-latin-800-normal.woff2") format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:"Bricolage";src:url("../fonts/bricolage-grotesque-latin-500-normal.woff2") format("woff2");font-weight:500;font-display:swap}

:root{
  --ink:#241A3A;          /* plum — body text, 16:1 on white */
  --ink-soft:#4A3F5C;     /* secondary text, 9.7:1 */
  --teal-v6:#B5402A;      /* deep coral — links + primary buttons, 5.6:1 with white */
  --coral:#E5553B;        /* the logo bubble — decoration and large type only */
  --marigold:#F5A623;
  --wash:#F4F1F8;         /* soft lilac wash for alternate bands */
  --pad-rule:rgba(36,26,58,.14);
  --navy:var(--ink); --navy-soft:#3A2D57; --navy-deep:#1A1229;
  --teal:var(--teal-v6); --teal-dark:#963521;
  --paper:var(--wash); --sage:#ECE7F3;
  --gold:#9A4A00; --gold-deep:#7E3D00; --gold-soft:#FFE7C2;
  --line:rgba(36,26,58,.18); --line-soft:rgba(36,26,58,.09);
  --shadow-lift:0 2px 0 rgba(36,26,58,.10);
}

h1,h2,h3,h4,.brand-name,.h6-q,.cs-d,.lesson-num,.site-footer .footer-brand-name{font-family:"Bricolage","Atkinson",-apple-system,"Segoe UI",sans-serif;letter-spacing:-.015em}
h1{font-weight:800}
h2,h3,h4{font-weight:800}

/* header: plum underline with a coral accent */
.site-header{border-bottom:4px solid var(--coral)}
.brand-name{font-weight:800}
.brand-alt{color:var(--teal-v6)}
.brand-logo{border-radius:0;background:none}

/* buttons */
.btn-primary{background:var(--teal-v6);border-color:var(--teal-v6)}
.btn-primary:hover{background:var(--teal-dark);border-color:var(--teal-dark)}
.lesson-card:hover,.pathway-card:hover{box-shadow:4px 4px 0 var(--coral)}
.h6-shelf a:hover img{box-shadow:5px 5px 0 var(--coral)}
.h6-photo{box-shadow:0 0 0 1.5px var(--line),10px 10px 0 var(--coral)}

/* handwritten notes stay big enough for older eyes */
.margin-note{font-size:1.75rem}
.h6-pad .margin-note{font-size:1.5rem}

/* footer: deep plum */
.site-footer{background:var(--navy-deep);color:#EEE9F5}
.site-footer a{color:#FFD27A}
.site-footer .brand-alt{color:#FF9C85}
.site-footer p,.site-footer small,.site-footer .small{color:#DCD4E8}
.cs-box{color:#EEE9F5}
.cs-k{color:#FFD27A}

/* welcome video frame */
.h6-video video{border-radius:16px;box-shadow:8px 8px 0 var(--coral)}

/* logo sits on white with no frame */
.brand-logo{box-shadow:none!important;border:0!important;padding:0!important;background:transparent!important}
.site-header .brand-logo{width:58px!important;height:58px!important}
.h6-papers b,.h6-days b{font-family:"Bricolage","Atkinson",sans-serif}
.h6-optin{color:#EEE9F5}
.h6-optin .small{color:rgba(238,233,245,.85)}