/* =========================================================================
   Soouo · ambient polish — a light finishing layer over tokens.css.
   Every colour preset already defines a full set of --soouo-* values, so
   this file stays palette-agnostic: it only adds soft gradients/washes
   built from those variables, never a hardcoded per-preset override.
   ========================================================================= */
:root {
  --soouo-wash: color-mix(in srgb, var(--soouo-accent) 5%, transparent);
  --soouo-wash-2: color-mix(in srgb, var(--soouo-primary) 4%, transparent);
}

body {
  background:
    radial-gradient(1100px 640px at 92% -6%, var(--soouo-wash), transparent 60%),
    linear-gradient(180deg, var(--soouo-bg), var(--soouo-bg-2) 60%);
}

.soouo-head { box-shadow: 0 1px 0 var(--soouo-border), 0 12px 36px var(--soouo-wash-2); }
.soouo-utility { background: linear-gradient(110deg, var(--soouo-primary) 0%, var(--soouo-primary-2) 100%); }
.soouo-nav.is-scrolled,
.soouo-head.is-scrolled .soouo-nav { -webkit-backdrop-filter: saturate(1.2) blur(14px); backdrop-filter: saturate(1.2) blur(14px); }

.soouo-card,
.pkp_block,
.obj_article_details .main_entry > .item,
.obj_article_details .entry_details > .item {
  background: linear-gradient(160deg, var(--soouo-surface), color-mix(in srgb, var(--soouo-surface-2) 70%, var(--soouo-wash)));
}

a { text-decoration-color: color-mix(in srgb, var(--soouo-accent) 55%, transparent); }

@media (max-width: 900px) {
  body { background: var(--soouo-bg); }
  .soouo-nav { backdrop-filter: none; -webkit-backdrop-filter: none; }
}