/* Advoke CV — Color Utilities (Yellow + White) */

.bg-white       { background-color: var(--white); }
.bg-warm        { background-color: var(--white-warm); }
.bg-cream       { background-color: var(--white-cream); }
.bg-soft        { background-color: var(--color-bg-soft); }
.bg-subtle      { background-color: var(--color-bg-subtle); }
.bg-accent      { background-color: var(--color-accent); }
.bg-accent-soft { background-color: var(--color-accent-soft); }
.bg-accent-tint { background-color: var(--color-accent-tint); }
.bg-ink         { background-color: var(--ink-900); }
.bg-ink-soft    { background-color: var(--ink-100); }

.bg-transparent { background-color: transparent; }

.text-ink       { color: var(--color-text); }
.text-secondary { color: var(--color-text-secondary); }
.text-muted     { color: var(--color-text-muted); }
.text-subtle    { color: var(--color-text-subtle); }
.text-inverse   { color: var(--color-text-inverse); }
.text-accent    { color: var(--color-accent-active); }

.text-success { color: var(--color-success); }
.text-warning { color: var(--color-warning); }
.text-danger  { color: var(--color-danger); }
.text-info    { color: var(--color-info); }

.border         { border: 1px solid var(--color-border); }
.border-strong  { border: 1px solid var(--color-border-strong); }
.border-subtle  { border: 1px solid var(--color-border-subtle); }
.border-accent  { border: 1px solid var(--color-accent); }
.border-t       { border-top: 1px solid var(--color-border); }
.border-b       { border-bottom: 1px solid var(--color-border); }
.border-l       { border-left: 1px solid var(--color-border); }
.border-r       { border-right: 1px solid var(--color-border); }
.border-none    { border: none; }

.divide-y > * + * { border-top: 1px solid var(--color-border); }

.rounded-none { border-radius: var(--radius-none); }
.rounded-xs   { border-radius: var(--radius-xs); }
.rounded-sm   { border-radius: var(--radius-sm); }
.rounded-md   { border-radius: var(--radius-md); }
.rounded-lg   { border-radius: var(--radius-lg); }
.rounded-xl   { border-radius: var(--radius-xl); }
.rounded-2xl  { border-radius: var(--radius-2xl); }
.rounded-3xl  { border-radius: var(--radius-3xl); }
.rounded-full { border-radius: var(--radius-full); }

.hover-accent:hover { color: var(--color-accent-active); }

.link-underline {
  text-decoration: underline;
  text-decoration-color: var(--color-accent);
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

.link-underline:hover {
  text-decoration-color: var(--color-accent-active);
}