/* Shared light surfaces for the existing resource workflows. */
:root {
  color-scheme: light;
  --bg-base:#f5f6f8; --bg-surface:#fff; --bg-card:#fff; --bg-card-hover:#fff;
  --border-card:#dfe5eb; --border-highlight:#a5bfd7;
  --text-main:#20313d; --text-primary:#20313d;
  --text-sub:#536371; --text-secondary:#536371; --text-muted:#5c6975;
  --accent-blue:#1765a2; --accent-blue-hover:#125487;
  --accent-primary:#1765a2; --accent-primary-hover:#125487;
  --accent-mc:#16725a; --accent-mc-hover:#105c48;
  --accent-glow:#1765a21f;
}
body { background-image:none; }
nav.topbar,.site-nav { background:#ffffffed; }
.brand,.nav-brand { color:#20313d; }
.brand-icon,.nav-logo-badge { background:#e9f1fa; box-shadow:none; }
.brand-icon svg,.nav-logo-badge svg { color:#1765a2; }
h1 { background:none; -webkit-text-fill-color:currentColor; color:#20313d; font-weight:700; line-height:1.3; }
.hero-badge,.brand-badge { display:none; }
.card,.card.featured,.dl-card,.dl-card.featured,.file-card,.file-card.featured,
.file-table-box,.guide-box,.info-item,.modal-container {
  background:#fff; border:1px solid #dfe5eb; border-radius:26px;
  box-shadow:0 6px 24px #24384807; backdrop-filter:none; -webkit-backdrop-filter:none;
}
.card:hover,.dl-card:hover,.file-card:hover { background:#fff; transform:none; box-shadow:0 6px 24px #2438480b; }
.card-title,.dl-title,.file-name,.step-content h4,.modal-title { color:#20313d; }
.card-desc,.dl-desc,.file-desc,.login-desc,.step-content p { font-size:16px; }
.card-badge,.dl-badge,.file-tag { background:#edf3f9; color:#345d7e; border-color:#d8e4ee; border-radius:9px; }
.card-btn,.dl-btn,.btn { background:#1765a2; color:#fff; min-height:48px; border-radius:14px; box-shadow:none; }
.card-btn:hover,.dl-btn:hover,.btn:hover { background:#125487; color:#fff; box-shadow:none; transform:none; }
.card-btn-secondary,.dl-btn-secondary,.btn-secondary,.btn-preview,.lang-btn {
  background:#f1f5f9; color:#245b83; border:1px solid #cbd9e5; box-shadow:none;
}
.lang-btn { min-height:44px; padding-inline:16px; border-radius:12px; }
.card-btn-secondary:hover,.dl-btn-secondary:hover,.btn-secondary:hover,.btn-preview:hover,.lang-btn:hover {
  background:#e7eff7; color:#174f79; box-shadow:none;
}
.status-pill { background:#edf3f9; color:#345d7e; border-color:#d8e4ee; text-decoration:none; min-height:44px; }
.status-dot { box-shadow:none; }
.step-number { background:#e8f3ee; color:#176c54; border-color:#c6ded4; }
code,.dev-box { background:#eef2f6; color:#273d4e; border-color:#d6e0e7; border-radius:12px; overflow-wrap:anywhere; }
.dev-box pre { overflow:auto; }
.form-input,.form-input:focus { background:#f9fbfd; color:#20313d; border:1px solid #aebfcd; font-family:inherit; letter-spacing:normal; min-height:52px; }
.form-input::placeholder { color:#62717c; }
.lock-icon-wrap { background:#eaf2fa; color:#1765a2; border-color:#cbddeb; box-shadow:none; border-radius:20px; }
.alert-error { background:#fff0ef; color:#9b302a; border-color:#e7bdb9; border-radius:14px; }
.auth-bar { background:#edf6f1; color:#225b46; border-color:#c9ded2; border-radius:16px; }
.auth-status { color:#225b46; }
.logout-link,td a,td a[style],footer a:hover { color:#1765a2 !important; }
.file-meta-bar,.modal-header { border-color:#dfe5eb; }
.modal-body { background:#f3f5f8; }
.modal-close { background:#edf2f7; color:#20313d; min-width:44px; min-height:44px; border-radius:12px; }
.hash-code { color:#245b83; background:#edf3f9; }
.file-table-box { max-width:100%; }
.file-table-box table { min-width:640px; }
:is(a,button,input):focus-visible { outline:3px solid #176bae; outline-offset:4px; }
::selection { background:#cce2fa; color:#183349; }
@media(max-width:600px) {
  nav.topbar,.site-nav { padding:16px; gap:12px; flex-wrap:wrap; }
  .drive-grid,.download-grid,.files-grid,.info-grid { grid-template-columns:minmax(0,1fr); }
  .card,.dl-card,.login-card { padding:24px; border-radius:22px; }
  .login-card { margin-block:16px; }
  .hero-desc,.subtitle { font-size:17px; }
  .nav-tools { gap:8px; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none !important; transition:none !important; } }
