/* ============================================================
   DESIGN TOKENS — kantongtehcelup.com
   Sumber: docs/DESIGN-SYSTEM.md
   ============================================================ */
:root {
  /* Warna Utama */
  --forest-deep:  #2F5C45;
  --tea-green:    #3F7E5E;
  --fresh-leaf:   #7FC09C;

  /* Warna Aksen */
  --honey-gold:   #C7913C;
  --amber-light:  #FDF1DA;

  /* Warna Netral */
  --cream-white:  #FBF9F5;
  --dark-bark:    #5A5246;
  --mist-green:   #A9CDB6;
  --tea-mist:     #F1F9F4;
  --divider:      #E5DFD2;

  /* Tipografi */
  --font-display: 'Playfair Display', Georgia, serif;
  --font-body:    'Plus Jakarta Sans', 'Inter', sans-serif;

  /* Border Radius */
  --radius-sm:    4px;
  --radius-md:    8px;
  --radius-lg:    12px;
  --radius-xl:    16px;
  --radius-2xl:   24px;
  --radius-full:  9999px;

  /* Spacing (base 4px) */
  --space-1:   4px;
  --space-2:   8px;
  --space-3:   12px;
  --space-4:   16px;
  --space-5:   20px;
  --space-6:   24px;
  --space-8:   32px;
  --space-10:  40px;
  --space-12:  48px;
  --space-16:  64px;

  /* Shadows */
  --shadow-card:    0 4px 16px rgba(47, 92, 69, 0.08);
  --shadow-card-hover: 0 8px 28px rgba(47, 92, 69, 0.12);
  --shadow-navbar:  0 1px 0 rgba(0,0,0,0.08);

  /* Transitions */
  --transition-fast: 0.15s ease;
  --transition-base: 0.2s ease;

  /* Layout */
  --max-width: 1120px;
  --content-width: 960px;
  --navbar-height: 60px;
}

/* Base */
html {
  font-size: 16px;
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-body);
  font-size: 14px;
  color: var(--dark-bark);
  background: var(--cream-white);
  line-height: 1.6;
}

a {
  color: var(--tea-green);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

[id] {
  scroll-margin-top: calc(var(--navbar-height) + 16px);
}