@import url("/fonts/arena-fonts.css");

body[data-yuni-space="yuniwork"] {
  --work-round: Nunito, Jua, system-ui, sans-serif;
  --work-lavender: #5b449a;
  --work-mint: #215d52;
  --work-peach: #89452f;
  --work-line: #e4dced;
  --space-ink: var(--work-lavender);
  --space-accent: #8c75c4;
  background:
    radial-gradient(ellipse at 4% 12%, #ffe8d880, transparent 28rem),
    radial-gradient(ellipse at 97% 5%, #e7ddff, transparent 43rem),
    #fffbf5;
}

[data-yuni-space="yuniwork"] :is(.hero h1, .section-heading h2, .calendar-toolbar h3, .day-agenda h3, .collection-empty h3, .project-info h3, .research-content h3, .about-content h2, .room-header h2, .detail-banner h2) {
  font-family: var(--work-round);
  font-weight: 400 !important;
  letter-spacing: -.025em;
}
[data-yuni-space="yuniwork"] .hero {
  isolation: isolate;
  margin-top: 22px;
  padding: clamp(24px, 4vw, 52px);
  border: 1px solid #ede1ef;
  border-radius: 32px;
  background: linear-gradient(125deg, #fffdfa 18%, #fff0e4 62%, #eee6ff);
}
[data-yuni-space="yuniwork"] .hero h1 { line-height: 1.13; word-break: keep-all; }
[data-yuni-space="yuniwork"] .hero h1 > #hero-line-two {
  color: var(--work-lavender);
  background: linear-gradient(transparent 72%, #f1e5ff 72%, #f1e5ff 97%, transparent 97%);
}
[data-yuni-space="yuniwork"] .hero .title-dot { color: #c55a48; }
[data-yuni-space="yuniwork"] .hero .eyebrow { color: var(--work-lavender); }
[data-yuni-space="yuniwork"] .hero .live-dot { background: #34927c; }
[data-yuni-space="yuniwork"] .hero-description { color: #524e64; }
[data-yuni-space="yuniwork"] .character-art {
  border-radius: 26px;
  border-color: #c2b2ee;
  box-shadow: 8px 8px 0 #c9b6ec70;
}
[data-yuni-space="yuniwork"] .character-art::before { content: "YUNIWORK / STUDIO"; }
[data-yuni-space="yuniwork"] .character-art::after { background: #ffe4a5; border-radius: 7px; }
[data-yuni-space="yuniwork"] .hero-cta {
  padding: 5px 5px 5px 16px;
  border-radius: 99px;
  color: #3e2a70;
  background: #ede4ff;
}
[data-yuni-space="yuniwork"] .hero-cta > span { background: var(--work-lavender); color: white; }
[data-yuni-space="yuniwork"] .identity-strip {
  margin-top: 22px;
  color: #4e3d77;
  border-color: #ece0f0;
  background: linear-gradient(100deg, #f5eaff, #fdf4e7, #e8f7ef);
}

[data-yuni-space="yuniwork"] .identity-strip > .page-width,
[data-yuni-space="yuniwork"] .identity-strip > .page-width > span:nth-of-type(3) { color: #4e3d77; }
[data-yuni-space="yuniwork"] .identity-strip i { background: #82649e; }
[data-yuni-space="yuniwork"] .identity-strip .strip-star { color: #6a4e9c; }

[data-yuni-space="yuniwork"] #calendar {
  --work-accent: var(--work-mint);
  --work-soft: #e4f5ec;
}
[data-yuni-space="yuniwork"] #my-collection {
  --work-accent: var(--work-lavender);
  --work-soft: #eee6fb;
}
[data-yuni-space="yuniwork"] #work {
  --work-accent: var(--work-peach);
  --work-soft: #ffeddf;
}
[data-yuni-space="yuniwork"] :is(#calendar, #my-collection, #work) > .section-heading .eyebrow {
  display: inline-block;
  border-radius: 99px;
  padding: 6px 10px;
  color: var(--work-accent);
  background: var(--work-soft);
}
[data-yuni-space="yuniwork"] :is(#calendar, #my-collection, #work) :is(.blue-text, .section-heading h2) { color: var(--work-accent); }
[data-yuni-space="yuniwork"] :is(#calendar, #my-collection, #work) .section-heading .primary-button {
  color: white;
  background: var(--work-accent);
  border-color: var(--work-accent);
  border-radius: 99px;
}
[data-yuni-space="yuniwork"] .calendar-panel { background: #fff; border-color: #d6e9de; }
[data-yuni-space="yuniwork"] .calendar-toolbar { background: #f1faf6; }
[data-yuni-space="yuniwork"] .calendar-day { border-radius: 9px; }
[data-yuni-space="yuniwork"] .calendar-day.selected { background: #e4f5ec; border-color: #84b6a4; }
[data-yuni-space="yuniwork"] .calendar-day.is-today .calendar-day-number { background: var(--work-mint); }
[data-yuni-space="yuniwork"] .calendar-day.selected:not(.is-today) .calendar-day-number { color: var(--work-mint); }
[data-yuni-space="yuniwork"] .day-agenda { background: linear-gradient(140deg, #e4f5ec, #fcfdf5); border-color: #c9e4d8; }

[data-yuni-space="yuniwork"] .collection-empty {
  border-radius: 20px;
  border-color: #cbb8e8;
  background: linear-gradient(125deg, #f8edff, #fff7ee);
}
[data-yuni-space="yuniwork"] .collection-empty > span { color: var(--work-lavender); }
[data-yuni-space="yuniwork"] .archive-notes { background: #faf5ff; border-color: #e1d3f0; }
[data-yuni-space="yuniwork"] .previous-work { background: #fff9ef; border-color: #ecdcc7; }
[data-yuni-space="yuniwork"] .filter-bar .filter { border-radius: 99px; }
[data-yuni-space="yuniwork"] .filter-bar .filter.active { color: white; background: var(--work-peach); }
[data-yuni-space="yuniwork"] .project {
  --card-paper: #fff9f2;
  --card-tag: #f9e7d8;
  border-color: #e8dcea;
  background: var(--card-paper);
}
[data-yuni-space="yuniwork"] .project[data-category="music"] { --card-paper: #f4fbf7; --card-tag: #e2f3e9; }
[data-yuni-space="yuniwork"] .project[data-category="ai"] { --card-paper: #faf5ff; --card-tag: #eee4f8; }
[data-yuni-space="yuniwork"] .project[data-category="research"] { --card-paper: #f6f9ff; --card-tag: #e8eefc; }
[data-yuni-space="yuniwork"] .project .tags > span {
  border-color: transparent;
  background: var(--card-tag);
  color: #423852;
}
[data-yuni-space="yuniwork"] .project .project-arrow { background: var(--card-tag); }
[data-yuni-space="yuniwork"] .project-link:is(:hover, :focus-visible) .project-arrow {
  color: white;
  background: var(--work-peach);
}
[data-yuni-space="yuniwork"] .about-section { background: linear-gradient(120deg, #f0e6fb, #fff2e7 61%, #ecf7ef); }

@media (max-width: 640px) {
  [data-yuni-space="yuniwork"] .hero { margin-top: 16px; padding: 22px 17px; border-radius: 23px; }
  [data-yuni-space="yuniwork"] .hero h1 { font-size: clamp(33px, 9.3vw, 51px); }
  [data-yuni-space="yuniwork"] .character-art { border-radius: 18px; box-shadow: 4px 5px 0 #c9b6ec70; }
}