/* Blabb: hitam, putih, abu-abu netral. Nama variabel sama dengan token Fintera agar CSS Office dan SSO tetap jalan. */
:root {
  /* "Brand" = hitam. Jenjang --green-* dipertahankan sebagai nama, nilainya netral. */
  --green-900: #000000;
  --green-800: #111111;
  --green-700: #1c1c1c;
  --green-600: #111111;  /* aksen utama: hitam */
  --green-500: #3a3a3a;
  --green-400: #8a8a8a;
  --green-300: #d4d4d4;
  --green-200: #e6e6e6;
  --green-100: #f0f0f0;
  --green-050: #f7f7f7;

  --gray-900: #111111;
  --gray-800: #262626;
  --gray-700: #3d3d3d;
  --gray-600: #5c5c5c;
  --gray-500: #7a7a7a;
  --gray-400: #a3a3a3;
  --gray-300: #d4d4d4;
  --gray-200: #e8e6e0;
  --gray-100: #f1efea;
  --gray-050: #f8f7f4;
  --white: #ffffff;

  /* Kesalahan: satu-satunya warna di luar hitam-putih, redup */
  --red-600: oklch(52% 0.1 25);
  --red-100: oklch(95% 0.015 25);

  --bg-page: var(--white);
  --bg-surface: var(--white);
  --bg-surface-sunken: var(--gray-050);
  --bg-inverse: var(--gray-900);

  --surface-brand: var(--green-600);
  --surface-brand-hover: var(--green-700);
  --surface-brand-active: var(--green-800);
  --surface-brand-subtle: var(--green-100);
  --surface-brand-subtle-hover: var(--green-200);

  --text-primary: var(--gray-900);
  --text-secondary: var(--gray-600);
  --text-tertiary: var(--gray-400);
  --text-on-brand: var(--white);
  --text-brand: var(--gray-900);
  --text-inverse: var(--white);

  --border-default: var(--gray-200);
  --border-strong: var(--gray-300);
  --border-brand: var(--gray-900);
  --focus-ring: var(--gray-400);

  --text-error: var(--red-600);
  --surface-error-subtle: var(--red-100);
  --border-error: var(--red-600);

  --text-success: var(--gray-900);
  --surface-success-subtle: var(--gray-050);
  --border-success: var(--gray-900);
}