/* Light "paper" look for inner pages - matches the homepage (index.php).
   Applies to <body class="lp-light"> unless the visitor picked dark mode (html[data-theme="dark"],
   same 'lp-theme' setting as the homepage toggle). Works by swapping style.css colour variables. */
html:not([data-theme="dark"]) body.lp-light {
    --charcoal: #f6f1e7;
    --charcoal-soft: #fbf8f1;
    --paper: #fbf8f1;
    --paper-dim: #ece4d3;
    --cream-text: #201c16;
    --cream-text-dim: #55503f;
    --sienna: #b5541f;
    --sienna-hover: #9c4718;
    --hairline: rgba(32, 28, 22, 0.14);
    background: var(--charcoal);
    color: var(--cream-text);
}
html:not([data-theme="dark"]) body.lp-light .nav-logo span,
html:not([data-theme="dark"]) body.lp-light .section-label { color: #a8481a; }
html:not([data-theme="dark"]) body.lp-light .price-card,
html:not([data-theme="dark"]) body.lp-light .job-card { box-shadow: 0 10px 28px rgba(32, 28, 22, 0.10); }
html:not([data-theme="dark"]) body.lp-light .status-queued,
html:not([data-theme="dark"]) body.lp-light .status-processing { background: rgba(181, 84, 31, 0.12); color: #8f3f14; }
html:not([data-theme="dark"]) body.lp-light .status-done { background: rgba(92, 112, 76, 0.16); color: #3f5232; }
html:not([data-theme="dark"]) body.lp-light .status-failed { background: rgba(179, 38, 30, 0.10); color: #a12a22; }

/* Theme toggle button (same as homepage) */
.lp-theme-btn { width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--hairline); background: transparent;
    color: var(--cream-text); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; padding: 0; }
.lp-theme-btn:hover { border-color: var(--sienna); }
.lp-theme-btn svg { width: 18px; height: 18px; }
.lp-theme-btn .sun { display: none; }
html[data-theme="dark"] .lp-theme-btn .sun { display: block; }
html[data-theme="dark"] .lp-theme-btn .moon { display: none; }