:root {
  /* BRAND QEDEVELOPER */
  --navy: #102a56;
  --blue: #155eef;
  --blue-dark: #1048bd;

  /* WARNA TEKS */
  --text: #263957;
  --muted: #687992;

  /* LATAR DAN GARIS */
  --white: #ffffff;
  --page: #f7faff;
  --border: #e2eaf4;

  /* WARNA KATEGORI */
  --green: #16845b;
  --yellow: #e9a008;
  --purple: #7c3aed;

  /* KOMPONEN */
  --radius: 17px;
  --shadow: 0 6px 24px rgba(19, 48, 91, 0.07);

  /* LAYOUT */
  --container: 1180px;

  /* FONT */
  --font:
    Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}