/* Follow the operating system automatically, including changes while the page is open.
   Geometry and perspective stay in styles.css; this file only changes material and color. */
@media screen and (prefers-color-scheme: light) {
  :root {
    color-scheme: light;
    --bg: #f8faff;
    --text: #17263c;
    --muted: #586c85;
    --blue: #2864ef;
    --cyan: #2468d7;
    --line: rgba(69, 104, 152, .17);
  }
  ::selection { background: #cbdcff; color: #173466; }
  a:hover, .text-link:hover { color: #215ecc; }
  .section-label, .number { color: #2864cf; }
  .site-header { background: rgba(255, 255, 255, .93); }
  .navigation { color: #43566f; }
  .menu-toggle span { background: #43566f; }
  .hero { background: linear-gradient(115deg, #fcfdff, #f1f6fd); }
  .hero-atmosphere { opacity: .62; }
  .hero::after { background: linear-gradient(90deg, #ffffff65, transparent 52%), radial-gradient(ellipse at 75% 82%, #719fe51a, transparent 55%); }
  .eyebrow, .hero-description { color: #526984; }
  .hero-tags { color: #60748e; }
  .hero-tags span { color: #7d94af; }
  .hero .accent { color: #2867df; }
  .app-window, .hero .app-window {
    border-color: #8badd067;
    background: linear-gradient(115deg, #fff9, transparent 42%), linear-gradient(145deg, #ffffffed, #edf4fde8);
    box-shadow: 0 24px 45px -15px #25436926, 4px 3px 0 #adc8e32b, inset 0 0 0 5px #e4effa91, inset 0 1px 0 #fff;
  }
  .window-bar { background: transparent; border-color: #527a9d25; color: #647b96; }
  .window-dots i { background: #a6b7cc; }
  .window-dots i:first-child { background: #4384eb; }
  .app-sidebar { background: #e8f0f840; border-color: #5a80a728; }
  .mini-brand span, .sidebar-item { color: #526984; }
  .sidebar-item.selected { background: linear-gradient(110deg, #d8e8ff, #d8e8ff6b); color: #215bb8; box-shadow: inset 0 1px 0 #fff8; }
  .sidebar-bottom { color: #6a809a; }
  .app-select { color: #5b6f89; border-color: #7696bd33; background: #f0f5fc90; }
  .metrics > div { background: linear-gradient(135deg, #fff9, #dfeaf744); border-color: #789ac42d; box-shadow: inset 0 1px 0 #fff; }
  .metrics span, .hero .metrics span { color: #4c6280; }
  .metrics small { color: #667e9a; }
  .chart-panel { background: linear-gradient(125deg, #fff9, #e7f0fa66); border-color: #789ac433; }
  .panel-heading > span { color: #5d7290; }
  .bar-chart { border-color: #5278a52b; background: repeating-linear-gradient(to top, transparent 0, transparent 34px, #688cb211 35px, #688cb211 36px); }
  .bar-chart span, .chart-legend { color: #58718d; }
  .donut { box-shadow: 0 4px 10px #36588a15; }
  .donut::before { background: #f5f9fd; box-shadow: inset 0 3px 8px #42688c12; }
  .donut span { color: #6b7f96; }
  .donut b { color: #294563; }
  .store-table { background: #fff6; border-color: #698eb529; }
  .table-row, .hero .table-row { color: #516b88; border-color: #41658920; }
  .table-head, .hero .table-head { color: #496480; background: #b5cbe819; }
  .floating-status, .hero .floating-status {
    border-color: #7a9fc17a;
    background: linear-gradient(120deg, #f7fbffdb, #e6f0fbe8);
    box-shadow: 0 15px 22px #335e8c24, 3px 3px 0 #a5c4e332, inset 0 1px 0 #fff, inset 0 0 0 4px #fff4;
  }
  .floating-status small { color: #5b7594; }
  .status-chevron { color: #547cad; }
  .badge { color: #2560ba; background: #c4dcff5c; border-color: #6b99db35; }
  .badge.green { color: #1b7867; background: #c3e9df5c; border-color: #56a68f35; }
  .visual-caption { color: #647c97; }
  .value-section { background: linear-gradient(110deg, #fff, #f3f7fc); }
  .value-grid article { border-left-color: var(--line); }
  .workflow-section { background: radial-gradient(ellipse at 52% 0, #d4e8ff35, transparent 70%), #f5f8fd; }
  .outline-icon { background: #d5e7fa36; border-color: #548dca4d; color: #2868bf; }
  .flow-track { color: #4d6480; }
  .flow-track li::after { background: #82a9e0; box-shadow: none; }
  .flow-track li::before { box-shadow: 0 0 6px #2978df24; }
  .flow-preview { background: linear-gradient(115deg, #ffffffba, #e7f1fc70); border-color: #6999c64d; box-shadow: inset 0 1px 0 #fff; }
  .preview-id { color: #607a98; }
  .preview-label { color: #2a64bd; }
  .preview-track li { color: #516c89; }
  .preview-track small { color: #657d98; }
  .preview-track li::before { background: #8aade0; }
  .preview-track li:last-child > span { color: #277d6d; }
  .product-section { background: radial-gradient(ellipse at 0 95%, #bfd9f64d, transparent 53%), linear-gradient(110deg, #f4f8fe, #fff); }
  .product-tabs button { color: #55718d; }
  .product-tabs button[aria-selected=true] { color: #2568c7; border-color: #3881e2; }
  .app-search { color: #607b98; background: #dce8f51c; border-color: #416a902f; }
  .repair-row { color: #506984; border-color: #47678b20; }
  .repair-row:nth-child(odd):not(:first-child) { background: #d9e7f524; }
  .app-footnote { color: #687f99; }
  .capabilities article > div { border-color: var(--line); }
  .more-features { color: #637a95; }
  .more-features span + span::before { color: #8297b0; }
  .solutions-section { background: radial-gradient(ellipse at 96% 64%, #c4dcff66, transparent 65%), #f0f6fd; }
  .solutions-section::before { opacity: .24; }
  .solution-points article + article { border-color: var(--line); }
  .solution-points svg { background: #d8e9fb55; border-color: #548dca4d; color: #2d73cb; }
  .organization-summary { color: #526f8e; }
  .organization-summary span { color: #617e9c; }
  .mobile-app {
    border-color: #93acc3;
    background: linear-gradient(120deg, #fff, #edf5fe 60%);
    box-shadow: 0 23px 30px #335a862b, inset 0 0 0 3px #d8e4f0, 3px 0 0 #a7bdcf;
  }
  .mobile-status { color: #425975; }
  .mobile-app > p { color: #617b97; }
  .mobile-item { background: #c8dcef40; border-color: #5b80a526; color: #466380; }
  .mobile-item b { color: #6483a3; }
  .mobile-homebar { background: #9aadc3; }
  .stories-section { background: #fff; }
  .story-copy summary { color: #2869c6; }
  .service-section { background: linear-gradient(110deg, #f3f7fc, #f9fbfe); }
  .delivery-steps li > span { color: white; }
  .delivery-steps li::before { background: #8eafe0; }
  .cta-section { background: #edf5ff; }
  .cta-section::before { opacity: .34; }
  .site-footer { background: #f9fbff; }
  .footer-inner p, .footer-inner nav, .footer-legal { color: #60758f; }
  dialog { background: #f8fbff; border-color: #9eb6d36b; box-shadow: 0 30px 100px #203d694d; }
  dialog::backdrop { background: #3047607a; }
  .dialog-close { background: #e0eafa; color: #385578; }
  .dialog-close:hover { background: #cdddf2; }
  .button-outline { color: #2a63b7; }
  .skip-link { color: white; }
}
@media screen and (prefers-color-scheme: light) and (max-width: 850px) {
  .navigation { background: #f9fbff; box-shadow: 0 12px 24px #325a8120; }
  .header-actions .button { color: #2567c4; border-color: #699bd54d; }
}
@media screen and (prefers-color-scheme: light) and (max-width: 600px) {
  .hero::after { background: linear-gradient(#f5faff00, #eef5ff55 40%, #f7faff); }
  .hero .app-window { box-shadow: inset 0 0 0 4px #d8e9f98c, 0 14px 24px #335e8620; }
  .hero .table-head { background: transparent; }
  .hero-actions .text-link, .eyebrow { color: #2869c3; }
  .value-section { background: linear-gradient(100deg, #fff, #f2f7fd); }
  .workflow-row, .workflow-row:last-child { background: linear-gradient(130deg, #fff9, #e7f1fc75); border-color: #6d98c54d; }
  .mobile-app { background: linear-gradient(125deg, #fff, #edf5fd); border-color: #82a9cc70; box-shadow: inset 0 0 0 3px #c8deef26, 0 8px 17px #335e8620; }
  .mobile-app h3 { color: #2869c3; }
  .stories-section { background: #f9fbff; }
  .service-section { background: #f3f7fd; }
}