/* The site-wide light palette. Loaded after layout and motion styles. */
@media screen {
 :root{color-scheme:light;--bg:#fafaf8;--surface:#f1f3f6;--card:#fff;--text:#202631;--muted:#596372;--line:#d9dee5;--blue:#325dc7;--accent:#325dc7}
 body{background:var(--bg);color:var(--text)}
 header{background:#fafaf8ed;border-bottom-color:#dfe3e9}
 .surface{background:var(--surface);border-block-color:#e3e7ec}
 .logo{color:#202631}
 h1 em,.topic-hero h1 em{color:#6b7482}
 .lead{color:#596372}
 .hero-grid{background-image:radial-gradient(ellipse at 50% 25%,#bfd4f642,transparent 65%),linear-gradient(#24303f0a 1px,transparent 1px),linear-gradient(90deg,#24303f0a 1px,transparent 1px)}
 .primary{background:#202631;color:#fff;border-color:#202631}
 .primary:hover{background:#354158;border-color:#354158;box-shadow:0 6px 20px #24334c1a}
 .ghost{background:#fff;color:#354158;border-color:#c6ceda}
 .ghost:hover{background:#eaf0f8;border-color:#9aadc8}
 .hero-note,.showcase-tag,.demo-control,.specs-strip,.cover-caption,.photo-label,.video-caption{color:#596779}
 .mini-spark,.specs-strip b{color:#325dc7}
 .showcase{background:linear-gradient(145deg,#fff,#edf1f7);border-color:#d6dee9;box-shadow:0 22px 60px #24344c0e}
 .showcase-top{color:#46546a;border-bottom-color:#dce3ed}
 .hero-slides .art{box-shadow:0 12px 30px #24344c24}
 .hero-slides .main-card{box-shadow:0 0 0 1px #7298d9,0 12px 35px #24344c26}
 .demo-control button:hover{background:#dbe4f1}
 .demo-line{background:#cbd5e4}
 .demo-line i{background:#527bc5}
 .story-art{box-shadow:0 18px 45px #24344c16}
 .story-points strong{color:#273342}
 .text-link{color:#3156a0;border-bottom-color:#9bb3d8}
 .text-link:hover{color:#203e7b}
 .format{background:#fff}
 .format.featured{border-color:#a5bde1;background:linear-gradient(145deg,#f7faff,#e9f0fc)}
 .format h3 em,.dimension,dt{color:#596779}
 .format-visual{background:#e8edf580}
 dd{color:#303d4e}
 .principles article,.steps article{border-color:#c7d1df}
 .filters button{background:#fff;color:#596372;border-color:#d4dbe5}
 .filters button.active{background:#202631;color:#fff;border-color:#202631}
 .filters button:hover{border-color:#8198bb}
 .example-card{background:#fff;border-color:#d9dee5;box-shadow:0 2px 8px #26364e04}
 .example-card:hover{border-color:#9bb4d8;box-shadow:0 16px 30px #26364e12}
 .card-body>span{color:#3e6399}
 .card-bottom{color:#2b4262;border-top-color:#e3e8ef}
 .prompt-example{background:#edf3fc;border-color:#c6d6ee}
 .prompt-example>span{color:#325b9e}
 .prompt-example>p{color:#35445a}
 .copy-prompt{background:#fff;color:#3156a0;border-color:#b2c4df}
 .copy-prompt:hover{background:#dfeaf9}
 .reuse-grid article{background:linear-gradient(140deg,#fff,#f3f6fa);border-color:#d9dee5}
 .small-tag{color:#596b83}
 .video-poster{background:#e9eef7;border-color:#cdd9e9}
 .video-art .art{box-shadow:0 10px 25px #24344c26}
 #play-video{background:#202631;color:#fff;box-shadow:0 4px 14px #24344c14}
 #play-video:hover{background:#354158}
 .video-copy .muted-small{color:#596779}
 .comparison{background:#fff}
 th,td{border-bottom-color:#dfe5ec}
 thead th{background:#edf1f6;color:#435065}
 thead th:last-child{background:#e1eaf8;color:#294d85}
 thead th span{color:#3c65a6}
 tbody th{color:#42516a}
 td{color:#596779}
 td:last-child{background:#eff4fc;color:#354d73}
 .checklist article>span{background:#e2ebf8;color:#3156a0}
 details{border-bottom-color:#d5dce6}
 summary:after{color:#5e7391}
 details[open] summary{color:#3156a0}
 .site-footer{background:#f4f5f7}
 .site-footer nav a{color:#556171}
 .site-footer nav a:hover,.site-footer nav a[aria-current]{color:#244c97}
 .breadcrumbs{color:#596779}
 .breadcrumbs a:hover{color:#244c97}
 .topic-cover{background:linear-gradient(145deg,#fff,#f0f3f7);border-color:#d7dfe9;box-shadow:0 22px 55px #24344c13}
 .topic-toc{color:#556171}
 .topic-steps article{background:#fff;border-color:#d9e1eb}
 .topic-table{background:#fff}
 .topic-table thead th{background:#edf1f6;color:var(--topic-accent)}
 .topic-table tbody th{color:#344256}
 .topic-table td{color:#596779}
 .topic-table tbody tr:hover{background:#f3f6fa}
 .topic-video-frame{background:#fff;border-color:#d3dce7;box-shadow:0 15px 35px #24344c0b}
 .topic-video-frame video{background:#e7edf2}
 .topic-page .video-note,.topic-page .source-links,.topic-page .prompt-helper{color:#596779}
 .prompt-card{background:linear-gradient(145deg,#f3f7fc,#e9f0f7);border-color:#c4d3e3}
 .prompt-card-top{border-bottom-color:#cbd8e7}
 .prompt-card #prompt-text{color:#334459}
 .related-card{background:#fff;border-color:#d9e1e9}
 .related-card:hover{background:#f7faff;border-color:#a1b5cf}
 dialog{background:#fff;color:var(--text);border-color:#cbd5e3;box-shadow:0 25px 90px #22314b30}
 dialog::backdrop{background:#24334c66}
 .close-dialog{background:#fff;color:#4d607c}
 .close-dialog:hover{background:#edf2f8}
 .dialog-copy .prompt-text{background:#eff4fb;color:#364a67}
 dialog .dialog-status{color:#216447!important}
 #video-container{background:#edf1f5}
 #toast{background:#202f45;color:#fff;border-color:#202f45;box-shadow:0 10px 35px #24344c22}
 .skip{background:#202631;color:#fff}
 @media(hover:hover) and (pointer:fine){
  .format:hover,.reuse-grid article:hover,.topic-steps article:hover{border-color:#a4b7d2;box-shadow:0 8px 24px #24344c0d}
  .related-card:hover{box-shadow:0 12px 30px #24344c10}
 }
}