/* Design tokens. Warna diturunkan dari logo jejak imani: emas #D1AD4F dan hitam #211F1F di atas ivory. */
:root {
  --font-brand: "Martel", Georgia, serif;
  --font-sans: "Mulish", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-arabic: "Amiri", "Scheherazade New", serif;

  --fs-2xs: 11px;
  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-md: 15px;
  --fs-lg: 17px;
  --fs-xl: 20px;
  --fs-2xl: 24px;
  --fs-3xl: 30px;
  --fs-display: 40px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --gutter: 20px;

  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 26px;
  --radius-sheet: 30px;
  --radius-pill: 999px;

  --tap: 44px;
  --navbar-height: 52px;
  --tabbar-height: 62px;
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-ios: cubic-bezier(0.32, 0.72, 0, 1);
  --duration-fast: 180ms;
  --duration: 320ms;
  --duration-push: 420ms;

  --gold-logo: #d1ad4f;
  --gold-gradient: linear-gradient(135deg, #ecd9a3 0%, #d1ad4f 46%, #a9832f 100%);
  --onyx-gradient: radial-gradient(120% 140% at 85% 0%, #4a3a1c 0%, #231d12 42%, #14110c 100%);
  --on-gold: #1b1508;
  --on-onyx: #f7f0df;
  --on-onyx-muted: #bfb296;
  --blur: saturate(180%) blur(24px);
}

:root,
:root[data-theme="light"] {
  color-scheme: light;

  --bg: #f7f3eb;
  --bg-deep: #efe8da;
  --surface: #fffdf8;
  --surface-raised: #ffffff;
  --surface-sunken: #f1eadc;
  --ink: #17140f;
  --ink-2: #5a5244;
  --muted: #94897a;
  --faint: #c4b9a5;
  --hairline: rgb(40 33 20 / 9%);
  --hairline-strong: rgb(40 33 20 / 16%);

  --gold: #a9832f;
  --gold-strong: #876622;
  --gold-soft: #f4ead2;
  --gold-border: rgb(169 131 47 / 28%);

  --success: #23805a;
  --success-soft: #e3f3ea;
  --warning: #b3741a;
  --warning-soft: #fbefd9;
  --danger: #c04e3a;
  --danger-soft: #fbe9e4;
  --info: #35688a;
  --info-soft: #e4eff6;

  --glass: rgb(255 253 248 / 78%);
  --glass-border: rgb(169 131 47 / 18%);
  --scrim: rgb(20 16 10 / 38%);
  --shadow-soft: 0 6px 20px rgb(36 28 12 / 7%);
  --shadow-float: 0 18px 44px rgb(36 28 12 / 16%);
  --hero-gradient: var(--onyx-gradient);
  --skeleton: #ebe3d3;
}

:root[data-theme="dark"] {
  color-scheme: dark;

  --bg: #0e0c09;
  --bg-deep: #090806;
  --surface: #191611;
  --surface-raised: #211d16;
  --surface-sunken: #141210;
  --ink: #f6f0e3;
  --ink-2: #c2b8a5;
  --muted: #8d8373;
  --faint: #5b5346;
  --hairline: rgb(255 244 214 / 9%);
  --hairline-strong: rgb(255 244 214 / 17%);

  --gold: #dcbf78;
  --gold-strong: #ecd9a3;
  --gold-soft: #2b2415;
  --gold-border: rgb(220 191 120 / 28%);

  --success: #5fc69a;
  --success-soft: #14271f;
  --warning: #e6ae57;
  --warning-soft: #2c2212;
  --danger: #ee8a76;
  --danger-soft: #30180f;
  --info: #7fb6d9;
  --info-soft: #13222c;

  --glass: rgb(28 24 18 / 76%);
  --glass-border: rgb(220 191 120 / 16%);
  --scrim: rgb(0 0 0 / 58%);
  --shadow-soft: 0 6px 20px rgb(0 0 0 / 32%);
  --shadow-float: 0 18px 44px rgb(0 0 0 / 52%);
  --hero-gradient: radial-gradient(120% 140% at 85% 0%, #57431d 0%, #2a2215 44%, #191611 100%);
  --skeleton: #262118;
}

/* Pengaturan ukuran teks (Akun › Pengaturan). */
:root[data-text-size="large"] {
  --fs-2xs: 12px;
  --fs-xs: 13px;
  --fs-sm: 14.5px;
  --fs-md: 16.5px;
  --fs-lg: 18.5px;
  --fs-xl: 22px;
}