/* ============================================================ HYPOTENUSE EDU — DESIGN TOKENS v1 (locked) Sumber kebenaran tunggal untuk warna, font, radius, & shadow. Semua nilai memakai prefix --he- agar tidak bentrok. Font wajib dimuat di : https://fonts.googleapis.com/css2?family=Schibsted+Grotesk:wght@500;600;700;800&family=Hanken+Grotesk:wght@400;500;600;700&display=swap ============================================================ */ :root { /* ── WARNA UTAMA ── */ --he-forest: #1E453E; /* hijau utama: tombol, section gelap */ --he-forest-2: #26534B; /* kartu di atas section forest */ --he-forest-3: #2D5F56; /* hover kartu gelap */ --he-deep: #0E211D; /* section paling gelap (paket, CTA) */ --he-deep-2: #16302A; /* kartu di atas section deep */ /* ── AKSEN ── */ --he-lime: #DBF3A6; /* aksen utama: tombol highlight, panel */ --he-lime-2: #CFEC8F; /* hover lime */ --he-lime-soft: #EFF8DC; /* latar ikon, badge lembut */ /* ── NETRAL ── */ --he-cream: #F4F6F0; /* latar hero & section terang alternatif */ --he-white: #FFFFFF; --he-ink: #122722; /* teks utama */ --he-muted: #5F6F6A; /* teks sekunder di latar terang */ --he-muted-2: #9AAAA4; /* teks sekunder di latar gelap */ --he-border: #E4E8E2; /* garis & border kartu */ --he-border-2: #D4DAD3; /* border tombol outline */ /* ── STATUS ── */ --he-success: #3E9B54; --he-danger: #D64545; --he-warning: #C98A06; --he-star: #F5B301; /* ── TIPOGRAFI ── */ --he-font-heading: 'Schibsted Grotesk', sans-serif; /* weight 700–800 */ --he-font-body: 'Hanken Grotesk', sans-serif; /* weight 400–700 */ /* ── RADIUS ── */ --he-r-sm: 12px; /* input, ikon box */ --he-r: 18px; /* kartu standar */ --he-r-lg: 24px; /* kartu besar, panel, bento */ --he-r-pill: 999px; /* tombol, chip, badge */ /* ── SHADOW ── */ --he-shadow-sm: 0 6px 20px rgba(18, 39, 34, .06); --he-shadow-md: 0 10px 30px rgba(18, 39, 34, .08); --he-shadow-lg: 0 14px 34px rgba(18, 39, 34, .14); /* ── SPASI SECTION ── */ --he-section-y: 92px; --he-container: 1140px; /* ── TRANSISI ── */ --he-ease: .15s ease; }