/* Base variables but Catppuccin flavoured */
:root[data-theme^="ctp-"] {
  --color-bg:          var(--ctp-base);
  --color-text:        var(--ctp-subtext-1);
  --color-heading:     var(--ctp-text);
  --color-muted:       var(--ctp-subtext-0);
  --color-navbar-text: var(--ctp-subtext-1);
  --color-border:        var(--ctp-surface-0);
  --color-border-raised: var(--ctp-surface-1);
  --color-danger:      var(--ctp-red);
  
  --accent-hover: color-mix(in srgb, var(--accent) 80%, var(--ctp-text) 20%);
}