/*
Theme Name: ATDT Specialister.se
Theme URI: https://www.specialister.se/
Description: GeneratePress-barntema för specialister.se. Identitet bygger på sajtens befintliga design 2.0: petrol/teal-palett, slate-text, amber-betyg, mörk teal sidfot. Tillägg: self-hostad typografi (Hanken Grotesk + Inter) som katalog- och profilsidorna ärver. Del av ATDT-nätverkets temarkitektur.
Author: Atdt AB
Template: generatepress
Version: 0.1.0
*/

/* Bas - tokens definieras i tokens.css, komponenter i atdt-theme-kit.
   Pluginet spec-sqlite-reader renderar katalog/profil med egen chrome och
   döljer GP:s chrome. Dessa regler styr GP-renderade sidor (Om,
   integritetspolicy m.fl.) så de matchar design 2.0, samt sätter en
   site-wide typografi som pluginets `font-family: inherit` plockar upp. */

body {
	background: var(--atdt-bg);
	color: var(--atdt-ink);
	font-family: var(--atdt-font-body);
}

h1, h2, h3, h4, h5, h6,
.entry-title {
	font-family: var(--atdt-font-display);
	font-weight: 700;
	color: var(--atdt-ink);
	letter-spacing: -0.01em;
}

a { color: var(--atdt-accent); }
a:hover { color: var(--atdt-accent-2); }

/* Sidhuvud - ordmärke och meny (GP-renderade sidor) */
.site-header {
	background: var(--atdt-surface);
	border-bottom: 1px solid var(--atdt-neutral);
}
.main-navigation a { font-family: var(--atdt-font-display); font-weight: 600; }
.main-navigation .current-menu-item > a { color: var(--atdt-accent); }

/* Knappar i teal */
.button, button, input[type="submit"], .wp-block-button__link {
	background: var(--atdt-accent);
	border-color: var(--atdt-accent);
	color: var(--atdt-on-accent);
	border-radius: var(--atdt-radius);
}
.button:hover, button:hover, input[type="submit"]:hover, .wp-block-button__link:hover {
	background: var(--atdt-accent-2);
	border-color: var(--atdt-accent-2);
}

/* Läsbar löptext i artiklar/sidor */
.entry-content > p,
.entry-content > ul,
.entry-content > ol,
.entry-content > h2,
.entry-content > h3 {
	max-width: var(--atdt-maxwidth);
}

/* Data/etiketter i monospace via inline-kod */
.entry-content code { font-family: var(--atdt-font-mono); }

/* Sidfot - mörk teal (matchar pluginets sidfot) */
.site-footer {
	background: var(--atdt-accent-2);
	color: #fff;
}
.site-footer a { color: #fff; }

/* Tabeller får jämförelse-stil */
.entry-content table { border-collapse: collapse; width: 100%; }
.entry-content table th {
	background: var(--atdt-accent-2); color: #fff;
	font-family: var(--atdt-font-display);
}
.entry-content table td, .entry-content table th {
	border: 1px solid var(--atdt-neutral);
	padding: 0.5rem 0.75rem;
}