:root {
  /* ---- Brand ---- */
  --color-primary-blue: #007da3;
  --color-primary-blue-light: #00FFFF;
  --color-primary-blue-dark: #16476A;
  --color-primary-red: #ba0001;
  --color-accent-red: #BF092F;
  --color-cta-red: #FF1B3E;

  /* Alias komponen */
  --color-primary: var(--color-primary-blue);

  /* ---- Netral ---- */
  --color-secondary: #64748b;

  /* ---- Teks ---- */
  --color-text: #1e293b;
  --color-text-muted: #64748b;
  --color-text-light: #ffffff;

  /* ---- Background ---- */
  --color-bg: #ffffff;
  --color-bg-alt: #f1f5f9;
  --color-bg-dark: #0f172a;

  /* ---- Border ---- */
  --color-border: #e2e8f0;
  --color-border-dark: #cbd5e1;
  --color-border-light: rgba(255, 255, 255, 0.1);

  /* ---- Utilitas ---- */
  --color-white: #ffffff;
}