/*! * IDDS Skin — "Asri" (green / nature) * A calm, natural government skin for e.g. Dinas Lingkungan Hidup / Pertanian. * Activated by theme_skin = asri (adds .skin-asri to , loaded after * idds.css + idds-magz.css). It overrides the IDDS brand tokens that the whole * front-end is built on, so the homepage recolours instantly. */ .skin-asri { --idds-primary-h: 152; --idds-primary-s: 52%; --idds-primary-l: 33%; --idds-accent: #f59e0b; --idds-radius-md: 12px; --idds-radius-lg: 16px; --idds-font-sans: "Plus Jakarta Sans", "Inter", system-ui, sans-serif; } /* Header accent on nav — avoid header::after (display:contents orphans it) */ .skin-asri header.primary { border-bottom: 0; } .skin-asri header.primary::after { content: none !important; display: none !important; } .skin-asri nav.menu { box-shadow: inset 0 -3px 0 var(--idds-primary, #16a34a) !important; } /* Footer follows brand primary (not locked forest green) --------------- */ .skin-asri footer.footer { background: radial-gradient(1200px 400px at 20% -20%, color-mix(in srgb, var(--idds-primary) 72%, #0f172a) 0%, color-mix(in srgb, var(--idds-primary) 88%, #020617) 70%); color: color-mix(in srgb, var(--idds-primary) 18%, #e2e8f0); } /* Featured / hero overlays lean green ----------------------------------- */ .skin-asri article.featured .details .category a { background: var(--idds-primary, #16a34a); }