/* ============================================================
shared.css – Gemeinsame Styles für alle dasdensch-Projekte
============================================================
NUR projekt-übergreifende Styles:
• CSS Reset (box-sizing, margin, padding)
• .ds-proj-nav (Projekt-Footer-Navigation)
Projekt-spezifisches CSS:
• dasdensch/css/style.css
• denschlink/denschlink.css
• denschcollabs/dc-style.css
============================================================ */
/* ============================================================
dasdensch · shared.css
Gemeinsame Styles + Theme-Scoping für alle Produkt-Seiten
Einbinden:
Theme:
============================================================ */
/* ── Base Reset (alle Seiten) ───────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; font-size: 16px; }
img, svg { display: block; max-width: 100%; }
ul { list-style: none; }
a { text-decoration: none; color: inherit; }
button { cursor: pointer; border: none; background: none; font: inherit; }
input, textarea, select { font: inherit; }
/* ── Shared Components ──────────────────────────────────────── */
/*
Projekt-Navigation im Footer:
*/
.ds-proj-nav {
display: flex;
justify-content: center;
align-items: center;
gap: 28px;
margin-top: 20px;
padding-top: 16px;
flex-wrap: wrap;
}
.ds-proj-nav a {
font-size: 12px;
font-weight: 600;
font-family: ui-monospace, 'SF Mono', 'Cascadia Code', 'Roboto Mono', monospace;
letter-spacing: -0.02em;
text-decoration: none;
transition: opacity 0.2s ease;
}
.ds-proj-nav a:hover { opacity: 0.65; }
.ds-proj-nav--dark {
border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.ds-proj-nav--dark a { color: rgba(255, 255, 255, 0.35); }
.ds-proj-nav--light {
border-top: 1px solid rgba(0, 0, 0, 0.10);
}
.ds-proj-nav--light a { color: rgba(0, 0, 0, 0.35); }
/* ════════════════════════════════════════════════════════════
Theme: dasdensch (Dark Editorial)
════════════════════════════════════════════════════════════ */