/* Cartfa skins — token-driven chrome. */

body.cartfa-theme {
  color: var(--cartfa-text, #0f172a);
  background:
    radial-gradient(1200px 520px at 100% -12%, var(--cartfa-aurora-1, rgba(37, 99, 235, 0.08)), transparent 55%),
    radial-gradient(900px 460px at 0% 0%, var(--cartfa-aurora-2, rgba(236, 72, 153, 0.06)), transparent 52%),
    radial-gradient(700px 380px at 50% 120%, var(--cartfa-aurora-3, transparent), transparent 60%),
    var(--cartfa-page-bg, #f8fafc);
}

body.cartfa-theme .cartfa-header {
  border-bottom-color: transparent;
}

body.cartfa-theme .cartfa-header::after {
  content: "";
  position: absolute;
  inset-inline: 0;
  inset-block-end: 0;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    transparent 0%,
    var(--cartfa-accent-soft, #22d3ee) 18%,
    var(--cartfa-accent-gold, #e8c872) 50%,
    var(--cartfa-accent, #7c5cff) 82%,
    transparent 100%
  );
  opacity: 0.7;
}

body.cartfa-skin-chroma .cartfa-header,
body.cartfa-skin-aurora .cartfa-header,
body.cartfa-skin-midnight .cartfa-header {
  box-shadow:
    var(--cartfa-shadow),
    0 0 40px color-mix(in srgb, var(--cartfa-accent, #7c5cff) 12%, transparent);
}

body.cartfa-scheme-dark {
  color-scheme: dark;
}

body.cartfa-scheme-dark .cartfa-account__dropdown {
  background: var(--cartfa-surface, #121826);
  border-color: var(--cartfa-border, #1e293b);
  color: var(--cartfa-text, #eef2ff);
}

body.cartfa-scheme-dark .cartfa-account__head {
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--cartfa-accent, #8b7cff) 18%, transparent), transparent 60%),
    var(--cartfa-surface, #121826);
  border-bottom-color: var(--cartfa-border, #1e293b);
}

body.cartfa-scheme-dark .cartfa-account__item a {
  color: var(--cartfa-text, #eef2ff);
}

body.cartfa-scheme-dark .cartfa-account__item a:hover,
body.cartfa-scheme-dark .cartfa-account__item a:focus-visible {
  background: color-mix(in srgb, var(--cartfa-accent, #8b7cff) 16%, transparent);
}

body.cartfa-scheme-dark .cartfa-account__head span,
body.cartfa-scheme-dark .cartfa-empty,
body.cartfa-scheme-dark .cartfa-entry__meta {
  color: var(--cartfa-muted, #94a3b8);
}

body.cartfa-scheme-dark .cartfa-empty h1,
body.cartfa-scheme-dark .cartfa-entry__title {
  color: var(--cartfa-text, #eef2ff);
}

body.cartfa-theme .cartfa-login-btn {
  background: linear-gradient(
    135deg,
    var(--cartfa-accent, #7c5cff),
    var(--cartfa-accent-soft, #22d3ee)
  );
  box-shadow: 0 8px 22px color-mix(in srgb, var(--cartfa-accent, #7c5cff) 32%, transparent);
}

body.cartfa-theme .cartfa-logo__title {
  background: linear-gradient(
    120deg,
    var(--cartfa-accent-gold, #e8c872),
    var(--cartfa-accent, #7c5cff) 42%,
    var(--cartfa-accent-soft, #22d3ee)
  );
  -webkit-background-clip: text;
  background-clip: text;
}

body.cartfa-theme .cartfa-credits-chip {
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--cartfa-accent-gold, #e8c872) 28%, #fff),
    #fff
  );
  border-color: color-mix(in srgb, var(--cartfa-accent-gold, #e8c872) 55%, transparent);
}

body.cartfa-skin-midnight .cartfa-credits-chip {
  background: linear-gradient(180deg, rgba(232, 200, 114, 0.18), rgba(15, 23, 42, 0.4));
  color: #fde68a;
  border-color: rgba(232, 200, 114, 0.35);
}
