/* Theme Name: Arenga Theme Theme URI: https://arenga.id Author: Arenga Author URI: https://arenga.id Description: Custom WordPress theme for Arenga (aren sugar brand), built from scratch without a page builder. Version: 1.0.0 Requires at least: 6.0 Requires PHP: 7.4 Text Domain: arenga-theme */ /* ========================================================================== Design Tokens ========================================================================== */ :root { /* Colors */ --color-green: #0e3a2e; --color-brown: #4a2d18; --color-yellow: #f8a938; --color-white: #ffffff; --color-black: #1a1512; /* Fonts */ --font-heading: 'Philosopher', serif; --font-body: 'Inter', sans-serif; /* Type scale — Desktop */ --fs-h1: 60px; --lh-h1: 72px; --fs-h2: 36px; --lh-h2: 52px; --fs-h3: 24px; --lh-h3: 35px; --fs-body: 18px; --lh-body: 30px; --fs-banner-h1: 65px; --lh-banner-h1: 78px; --fs-button: 20px; /* Tinggi header: padding 18px x2 + tinggi logo 40px + border 1px. Dipakai juga sebagai padding-top karena header-nya fixed. */ --header-height: 77px; } /* Type scale — Mobile */ @media (max-width: 767px) { :root { --fs-h1: 25px; --lh-h1: 28px; --fs-h2: 16px; --lh-h2: 20px; --fs-h3: 14px; --lh-h3: 18px; --fs-body: 14px; --lh-body: 18px; /* Padding header-nya lebih kecil di mobile: 14px x2 + 40 + 1. */ --header-height: 69px; } } /* ========================================================================== Base ========================================================================== */ * { box-sizing: border-box; } .screen-reader-text { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } body { margin: 0; /* Ngasih ruang buat .site-header yang position:fixed, biar konten paling atas nggak ketiban header. */ padding-top: var(--header-height); font-family: var(--font-body); font-size: var(--fs-body); line-height: var(--lh-body); color: var(--color-black); background-color: var(--color-white); /* * Sticky footer: di halaman yang isinya dikit (mis. kategori blog masih * kosong),

ngembang ngisi sisa layar biar footer-nya nggak naik ke * tengah dan halamannya nggak kelihatan kepotong. * * Aman dibikin flex: anak yang ikut flow cuma

sama