/* -------------------------
   Typography
-------------------------- */

/* Font families */
.phue-font-body {
  font-family: var(--font-family, system-ui, sans-serif);
}

.phue-font-heading {
  font-family: var(--heading-font, var(--font-family, system-ui, sans-serif));
}

/* Text colors */

.phue-text-text       { color: var(--color-text); }
.phue-text-text-muted { color: var(--color-text-muted); }
.phue-text-primary    { color: var(--color-primary-text); }
.phue-text-accent     { color: var(--color-accent-text); }
.phue-text-danger     { color: var(--color-danger); }
.phue-text-success    { color: var(--color-success); }

/* Background colors */

.phue-bg-bg         { background-color: var(--color-background); }
.phue-bg-brand    { background-color: var(--color-brand); }
.phue-bg-surface  { background-color: var(--color-surface); }
.phue-bg-surface-muted { background-color: var(--color-surface-muted); }
.phue-bg-transparent { background-color: transparent; }

/* Border colors */

.phue-border-border { border-color: var(--color-border); }
.phue-border-transparent { border-color: transparent; }

/* Alpine */
[x-cloak] { display: none !important; }

/* Better one-page navigation */
html { scroll-behavior: smooth; }