/* Boreal Ink — selected by Patrick, 22 September 2026.
 * Shared across the practical pages, application and cinematic UI.
 * Keep cta.css, the real mark, app captures and film footage in their original colours. */
:root {
  --boreal-ground: #081d21;
  --boreal-surface: #123438;
  --boreal-light: #a7dbce;
  --boreal-lilac: #c1ace8;
  --boreal-paper: #ede8db;
  --boreal-muted: #b5c9c6;
  --void: #061619;
  --ink: var(--boreal-ground);
  --ground: var(--boreal-ground);
  --midnight: var(--boreal-surface);
  --indigo-deep: #103237;
  --indigo: #305f61;
  --amethyst: #46415a;
  --violet-muted: #90aea4;
  --gold: var(--boreal-light); /* legacy UI emphasis token; glass uses its own fixed light */
  --teal-deep: #1d4b4c;
  --teal: #39796f;
  --mist: var(--boreal-muted);
  --ivory: #f3efe6;
  --silver: #c9d8d2;
  --silver-dim: #c9d8d280;
  --accent: var(--boreal-light);
  --rule: #a7dbce38;
  --hair: #a7dbce47;
}
html { background: var(--boreal-ground); }
::selection { background: #a7dbce; color: #081d21; }
/* Preserve the glass's original label colours and the flat ivory wordmark. */
.cta { --ivory: #f9f4f5; --mist: #c8b8db; }
.wordmark { color: #f9f4f5; }
.simple-body::before {
  background: radial-gradient(60vw 52vh at 16% 4%, #5eb1a62e, transparent 70%),
    radial-gradient(56vw 46vh at 88% 26%, #c1ace81a, transparent 70%),
    radial-gradient(70vw 40vh at 50% 104%, #5eb1a61c, transparent 72%);
}
.site-header { background: linear-gradient(to bottom, #081d21ed, #081d2180 70%, transparent); }
.pill { background: #123438ba; box-shadow: inset 0 1px #ffffff17, inset 0 0 0 1px #a7dbce30, 0 8px 30px -18px #000; }
.site-nav a[aria-current="page"] { background: #a7dbce12; box-shadow: inset 0 0 0 1px #a7dbce59; }
.hero-light { background: radial-gradient(ellipse at 50% 45%, #a7dbce25, #c1ace80b 46%, transparent 72%); }
.band + .band::before { background: linear-gradient(90deg, transparent, #a7dbce70 30%, #ede8dbb3 50%, #a7dbce70 70%, transparent); }
.band + .band::after { background: radial-gradient(ellipse at 50% 0, #a7dbce16, transparent 70%); }
.plan, .start-card, .app-window, .core-item { border-color: #a7dbce38; }
.plan { background: linear-gradient(145deg, #123438c9, #081d2199); }
.plan-tag, .beta-cost { color: var(--boreal-muted); }
.site-footer { border-color: #a7dbce38; }
.site-footer a:focus-visible, .contact-mail:focus-visible { outline: 2px solid var(--boreal-light); outline-offset: 5px; }
/* A calm, separate application page; the form's submission contract is unchanged. */
.apply-tint { background: linear-gradient(180deg, #123438b3, #081d21cc 60%, var(--boreal-ground)); }
.apply-light { background: radial-gradient(48% 46% at 50% 32%, #a7dbce26, #c1ace80f 46%, transparent 72%); animation: none; }
.apply-card { background: #0b2529ed; border-color: #a7dbce45;
  box-shadow: inset 0 1px #f3efe61f, 10px 12px #12343866, 11px 13px #a7dbce26, 0 24px 48px -16px #0008, 0 60px 120px -30px #0008;
}
.apply-status { color: var(--boreal-light); }
.field input, .field select, .field textarea { background-color: #081d21; border-color: #a7dbce45; color: var(--ivory); }
.field input:focus, .field select:focus, .field textarea:focus { border-color: var(--boreal-light); outline-color: var(--boreal-light); }
.field input:focus, .field textarea:focus { box-shadow: 0 0 0 3px #a7dbce29; }
.choices input, .consent input { accent-color: var(--boreal-light); }
.sent { border-left-color: var(--boreal-light); background: #a7dbce0f; }
.founder-copy { max-width: 45rem; }
.founder-copy p { margin-bottom: 1.25rem; }
.founder-copy h3 { margin-top: 2rem; }
/* Cinematic footage keeps its authored grade; its surrounding UI shares the selected palette. */
.closing { background-color: var(--boreal-ground); }
.footer { background: radial-gradient(52vw 16vh at 50% 100%, #a7dbce14, transparent 70%) var(--boreal-ground); }
.footer-links a { border-bottom-color: #a7dbce66; }
.footer-links a:hover, .footer-links a:focus-visible { border-bottom-color: var(--boreal-light); }
.trunk-panel, .callout, .lantern-card { border-color: #a7dbce47; }
@media(prefers-reduced-motion:reduce){ .apply-light { animation: none; } }

/* Warm paper and softer green provide variation within the same Boreal identity. */
.simple-body .band.paper-band { --ivory:#213e39; --mist:#4c655d; --silver:#284f44; --silver-dim:#4c655d; --violet-muted:#587168; --gold:#376a5b; color:#213e39; background:linear-gradient(125deg,#f0eadf,#e2e7db); padding-inline:clamp(22px,4vw,60px); border-radius:10px; }
.simple-body .paper-band h2,.simple-body .paper-band h3,.simple-body .paper-band .eyebrow { color:#285346; }
.simple-body .paper-band p,.simple-body .paper-band li { color:#4c655d; }
.simple-body .paper-band .glyph { color:#376a5b; }
.simple-body .paper-band .cta { --ivory:#f9f4f5; --mist:#c8b8db; background-color:#153738; }
.simple-body .plan.wide { --ivory:#213e39; --mist:#4c655d; --silver:#284f44; --violet-muted:#587168; background:linear-gradient(135deg,#f0eadf,#dce5da); color:#213e39; border-color:#a7dbce55; }
.simple-body .plan.wide h3,.simple-body .plan.wide .plan-price,.simple-body .plan.wide .plan-tag,.simple-body .plan.wide li { color:#284f44; }
.simple-body .plan-founding { background:linear-gradient(145deg,#29464a,#21363d); }
.simple-body #contact { background:linear-gradient(120deg,#12343899,#29283c80); padding-inline:clamp(22px,4vw,60px); border-radius:10px; }
.apply-card { --ivory:#213e39; --mist:#4c655d; --violet-muted:#587168; --gold:#376a5b; color:#213e39; background:#ede8dbf5; border-color:#d7e6da; }
.apply-card .wordmark { color:#213e39; }.apply-card .apply-status { color:#376a5b; }
.apply-card .field input,.apply-card .field select,.apply-card .field textarea { color:#213e39; background:#f9f6ee; border-color:#66877980; }
.apply-card .field input::placeholder,.apply-card .field textarea::placeholder { color:#647c72; }
.apply-card .field input:focus,.apply-card .field select:focus,.apply-card .field textarea:focus { outline-color:#376a5b; border-color:#376a5b; box-shadow:0 0 0 3px #376a5b29; }
.apply-card .choices input,.apply-card .consent input { accent-color:#376a5b; }
.apply-card .cta { --ivory:#f9f4f5; --mist:#c8b8db; background-color:#153738; }
.apply-card .sent { color:#213e39; border-left-color:#376a5b; background:#376a5b0f; }
.apply-card .movement::after { background:linear-gradient(90deg,transparent,#376a5b80,transparent); animation:none; }
.simple-body .plans { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.simple-body .plans .plan { padding:30px; border-radius:9px; }
.simple-body .plans .plan.wide { --accent:#376a5b; }
.simple-body .plan.wide .glyph,.simple-body .plan.wide li::before { color:#376a5b; }
@media(max-width:700px){.simple-body .plans{grid-template-columns:1fr}.simple-body .plans .plan{padding:24px}.simple-body .plans .plan.wide{grid-template-columns:1fr}}