/* theme-sky-2: vivid, deeper sky blue. Color-only layer after responsive layout. */
:root {
  --accent: #005BFF;
  --accent-dark: #0047CC;
  --accent-soft: #EDF3FF;
  --accent-border: #B9D1FF;
  --ink: #102E50;
  --muted: #536B83;
  --line: #D9E4F2;
  --bg: #F5F8FF;
  --surface-soft: #F0F5FF;
  --field-border: #C5D5ED;
  --success: #237553;
  --calm-bg: #EAF6EE;
  --warm: #84551E;
  --warm-bg: #FFF3E2;
}
@media screen {
  body { color: var(--ink); background: var(--bg); }
  ::selection { color: var(--ink); background: #BED6FF; }
  a:focus-visible, button:focus-visible, summary:focus-visible,
  input:focus-visible, select:focus-visible, textarea:focus-visible,
  .answer-option:has(input:focus-visible) { outline-color: var(--accent); }
  input, select, textarea { border-color: var(--field-border); }
  .sidebar-section, .nav-link, .footer { color: var(--muted); }
  .crumb > span { color: #91A8BB; }
  .nav-link:hover { background: var(--surface-soft); }
  .nav-link.active { color: var(--accent-dark); background: var(--accent-soft); box-shadow: inset 3px 0 0 var(--accent); }
  .experience-toolbar { border-color: var(--line); }
  .experience-toolbar small { color: var(--muted); }
  .experience-roles { background: var(--surface-soft); }
  .experience-roles .button.secondary:hover { background: #DCE8FF; }
  .button.primary { color: #FFFFFF; background: var(--accent); border-color: var(--accent); box-shadow: 0 3px 10px #005BFF24; }
  .button.primary:hover, .button.primary:active { background: var(--accent-dark); border-color: var(--accent-dark); }
  .button.secondary { border-color: var(--field-border); }
  .button.secondary:hover { background: var(--surface-soft); }
  .avatar { color: #2F588D; background: #E8F0FF; }
  .pill.neutral { color: var(--muted); background: #EDF2FA; }
  /* Success, warning and destructive states remain distinct from the brand. */
  .pill.calm, .save-status { color: var(--success); }
  .pill.calm { background: var(--calm-bg); }
  .save-status.failed { color: #A23F2D; }
  .demo-banner { color: #755320; background: #FFF6E8; border-color: #EBDDC4; }
  .notice { background: #FFF8EC; border-color: #EBDDC4; }
  .notice p, .notice-icon { color: #755320; }
  .notice.subtle { background: var(--accent-soft); border-color: var(--accent-border); }
  .notice.subtle p { color: #27518F; }
  .matrix th, .matrix th:first-child { background: var(--surface-soft); }
  .matrix td { border-bottom-color: var(--line); }
  .matrix tbody tr:hover, .matrix tbody tr:hover td:first-child { background: #F3F7FF; }
  .empty { background: #FAFCFF; border-color: var(--field-border); }
  .next-card { background: var(--accent-soft); border-color: var(--accent-border); }
  .evidence-list { background: var(--surface-soft); }
  .review-note, .lesson { background: var(--accent-soft); }
  .timeline { border-left-color: var(--field-border); }
  .answer-option, .option-letter, .question-nav a { border-color: var(--field-border); }
  .option-letter { color: var(--muted); }
  .answer-option:has(input:checked) { background: var(--accent-soft); border-color: var(--accent); }
  .answer-option:has(input:checked) .option-letter { color: #FFFFFF; background: var(--accent); border-color: var(--accent); }
  .question-nav a.current { background: var(--accent); border-color: var(--accent); color: #FFFFFF; }
  .assessment-heading progress { accent-color: var(--accent); background: #D9E6FF; }
  .assessment-heading progress::-webkit-progress-bar { background: #D9E6FF; }
  .assessment-heading progress::-webkit-progress-value { background: var(--accent); }
  .assessment-heading progress::-moz-progress-bar { background: var(--accent); }
  .hero-demo { border-color: var(--line); box-shadow: 0 24px 60px #102E5010; }
  .mini-flow { color: var(--muted); }
  .mini-flow b { color: #91A8BB; }
  .invite-code { color: var(--ink); background: var(--accent-soft); border-color: var(--accent-border); }
}
@media screen and (max-width: 1023px) {
  .shell-navigation > .sidebar { box-shadow: 0 14px 24px #102E5018; }
}