/* ============================================================
   DESIGN TOKENS
   Tiga sumber, masing-masing untuk urusan yang berbeda:

   - PALET & LATAR  → Figma "Olympus Landing" (krem hangat,
     emas, langit berawan). Aset ada di /assets.
   - TOMBOL         → usewombat.app + fikristudio.com.
     Yang dipakai resep Fikri: cincin SOLID dari warna yang
     lebih tua, bukan rim putih transparan.
   - TIPOGRAFI      → serif display besar (Olympus) + Manrope
     untuk UI.

   Terang saja — tidak ada blok prefers-color-scheme: dark.
   Sengaja: seluruh sistem bayangan di sini mengasumsikan
   cahaya datang dari ATAS di atas permukaan terang.
   ============================================================ */
:root {
  /* ── Teks (nilai persis dari Olympus) ── */
  --ink:   #15161E;
  --ink-2: #69655F;
  --ink-3: #9C958A;

  /* ── Permukaan hangat ── */
  --bg:        #F7F1E6;
  --bg-card:   #FFFDF9;
  --bg-alt:    #FBF6EC;
  --line:      #E8DDCA;
  --line-soft: rgba(21,22,30,.08);

  /* ── Hijau brand ──
     Diambil langsung dari assets/brand/logo-source.png:
     #01AC46 titik gelembung, #088A3B tepi, #50FF9C kilau atas.
     Logonya hijau, jadi warna aksi halaman ini hijau. */
  --brand-1: #06482A;   /* hijau tergelap  */
  --brand-2: #0F9147;   /* hijau sedang    */
  --brand-3: #50FF9C;   /* kilau, dekoratif */

  /* Gradien judul — sudut 212.15° dipertahankan dari Olympus,
     tapi rentangnya sengaja lebih gelap daripada emas aslinya.
     Ujung terang emas Olympus (#FDDD86) di atas krem cuma
     1,8:1 — judulnya nyaris tak terbaca. Rentang ini menjaga
     titik paling terang tetap di 3,56:1 (lolos AA teks besar). */
  --grad-brand: linear-gradient(212.15deg, #06482A 6.09%, #0F9147 100%);

  /* ── Aksi — resep fikristudio.com dengan hijau brand ──
     --accent-ring itu kuncinya: cincin SOLID 1.5px dari hijau
     yang lebih tua. Itu yang bikin terasa seperti permen timbul,
     bukan kaca. Teks gelap di atas hijau ini kontrasnya 6,2:1. */
  --accent:      #16C25E;
  --accent-hi:   #4BE58C;
  --accent-lo:   #0A9142;
  --accent-ring: #0E9E49;
  --accent-ink:  #04301A;
  --accent-soft: #E4F9EC;
  --grad-accent: linear-gradient(180deg, var(--accent-hi) 0%, var(--accent) 100%);
  --accent-glow: rgba(10,145,66,.30);

  /* Emas Olympus — disimpan kalau nanti mau balik ke skema asli.
     Tukar --grad-brand ke --grad-gold di .hero-title untuk itu. */
  --gold-1: #C1761B;
  --gold-2: #FDDD86;
  --grad-gold: linear-gradient(212.15deg, #C1761B 6.09%, #FDDD86 100%);

  /* ── Kedalaman ──
     rim  = cincin 1px di dalam, pengganti border
     spec = highlight tipis di tepi atas (cahaya dari atas)
     lift = bayangan ambien (lebar) + kontak (rapat)
     Selalu berpasangan; satu bayangan saja terasa murah. */
  --rim:       inset 0 0 0 1px rgba(255,255,255,.28);
  --rim-dark:  inset 0 0 0 1px rgba(21,22,30,.08);
  --spec:      inset 0 1px 0 rgba(255,255,255,.55);
  --spec-soft: inset 0 1px 0 rgba(255,255,255,.9);
  --sink:      inset 0 -1px 0 rgba(0,0,0,.10);

  --lift-1: 0 1px 2px rgba(60,44,16,.07), 0 2px 5px rgba(60,44,16,.05);
  --lift-2: 0 2px 4px rgba(60,44,16,.06), 0 8px 20px rgba(60,44,16,.08);
  --lift-3: 0 4px 10px rgba(60,44,16,.07), 0 18px 44px rgba(60,44,16,.11);

  --grad-card:  linear-gradient(180deg, #FFFFFF 0%, #FDFAF3 100%);
  --grad-glass: linear-gradient(180deg, rgba(255,253,249,.88) 0%, rgba(255,253,249,.68) 100%);

  /* ── Bentuk ── */
  --radius-card: 26px;
  --radius-btn:  100px;   /* Fikri pakai pil penuh */
  --radius-sm:   14px;
  --radius-pill: 999px;

  /* ── Font ──
     Olympus pakai Cambon untuk display — itu font komersial,
     tidak bisa ikut dikirim. Instrument Serif dipilih sebagai
     pengganti gratis dengan kontras tebal-tipis yang mirip.
     Manrope sama persis dengan Figma. */
  --font:         'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Instrument Serif', Georgia, 'Times New Roman', serif;

  --wrap: 1080px;
  --pad-section: 120px;
}

@media (max-width: 720px) {
  :root { --pad-section: 76px; --radius-card: 22px; }
}