/* Purpose: Swiss International Style chrome for MMRY destinations, tokens from SensAffect Pages + emotional-atom-controls.html
   Last modified: 2026-09-09
   By: Cursor Grok 4.6
   Completeness: 96 */

/* Try: dark charcoal paper. Accents from emotional-atom-controls:
   magenta-pinky ROLE_COLORS.person #ff6fbd
   periwinkle ~#a8b4ff (cool neighbour of #a78bfa dominance / #c77dff fearful) */

body.swiss {
  --paper: #1c1c1e;
  --ink: #f3eef2;
  --muted: #9a9098;
  --hair: #3a3a3c;
  --rule: #3a3a3c;
  --panel: #252528;
  --red: #ff6fbd;
  --feeling: #ff6fbd;
  --feeling-ink: #1c1c1e;
  --stage: #0e0e10;
  --sans: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --bg: var(--paper);
  --teal: var(--feeling);
  --teal2: var(--feeling);
  --lime: var(--red);
  --line: var(--hair);
  background: var(--paper);
  color: var(--ink);
  font-family: var(--sans);
  font-size: 15px;
  line-height: 1.42;
}

body.swiss[data-product="cloud"] {
  --feeling: #ff6fbd;
  --red: #ff6fbd;
  --feeling-ink: #1c1c1e;
}

body.swiss[data-product="chat"] {
  --feeling: #ff4d9a;
  --red: #ff4d9a;
  --feeling-ink: #1c1c1e;
}

body.swiss[data-product="digital"] {
  --feeling: #a8b4ff;
  --red: #a8b4ff;
  --ink: #eef0f8;
  --muted: #9aa0b8;
  --feeling-ink: #1c1c1e;
}

body.swiss[data-product="pro"] {
  --feeling: #8b95e8;
  --red: #8b95e8;
  --ink: #eef0f8;
  --muted: #9aa0b8;
  --feeling-ink: #1c1c1e;
}

body.swiss[data-product="identity"] {
  --feeling: #ff6fbd;
  --red: #ff6fbd;
  --feeling-ink: #1c1c1e;
}

body.swiss .grain { display: none; }

body.swiss .skip {
  position: absolute;
  left: -9999px;
}
body.swiss .skip:focus {
  left: 12px;
  top: 12px;
  z-index: 50;
  background: var(--panel);
  color: var(--ink);
  padding: 10px;
}

body.swiss .swiss-bar {
  height: 68px;
  border-bottom: 1px solid var(--rule);
  display: grid;
  grid-template-columns: minmax(140px, 220px) 1fr auto;
  align-items: center;
  padding: 0 16px;
  gap: 16px;
  background: var(--paper);
  position: sticky;
  top: 0;
  z-index: 20;
}
body.swiss .swiss-bar .brand {
  font-size: 20px;
  font-weight: 400;
  letter-spacing: -0.04em;
  color: var(--ink);
  gap: 0;
}
body.swiss .swiss-bar .brand-mark { display: none; }
body.swiss .swiss-bar .brand strong { font-weight: 800; }
body.swiss .crumb {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  color: var(--muted);
}
body.swiss .edition {
  font-family: var(--mono);
  font-size: 10px;
  color: var(--muted);
  letter-spacing: 0;
  text-transform: none;
}

body.swiss .nav {
  height: auto;
  min-height: 52px;
  padding: 8px 0;
  border-bottom: 1px solid var(--rule);
}
body.swiss nav a,
body.swiss .nav-cta,
body.swiss footer a {
  font-family: var(--sans);
  font-size: 12px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--ink);
}
body.swiss nav a:hover,
body.swiss footer a:hover { color: var(--feeling); }
body.swiss nav a[aria-current="page"] { color: var(--feeling); font-weight: 700; }
body.swiss .nav-cta {
  border: 1px solid var(--rule);
  border-radius: 0;
  padding: 10px 14px;
  color: var(--ink);
}
body.swiss .nav-cta span { color: var(--red); }

body.swiss h1,
body.swiss h2,
body.swiss h3 {
  font-family: var(--sans);
  font-weight: 600;
  letter-spacing: -0.075em;
}
body.swiss h1 {
  font-size: clamp(48px, 11vw, 104px);
  line-height: 0.88;
}
body.swiss h1 em,
body.swiss h1 .feeling {
  font-style: normal;
  color: var(--feeling);
  -webkit-text-stroke: 0;
}
body.swiss .eyebrow,
body.swiss .section-tag {
  font-family: var(--mono);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: var(--ink);
}
body.swiss .eyebrow span { background: var(--feeling); }
body.swiss .hero-copy {
  color: var(--muted);
  margin-left: 0;
  max-width: 42rem;
}
body.swiss .hero-actions { margin-left: 0; }
body.swiss .button {
  border-radius: 0;
  border-color: var(--rule);
  font-family: var(--sans);
}
body.swiss .button.primary {
  background: var(--feeling);
  color: var(--feeling-ink);
  border-color: var(--feeling);
}
body.swiss .button.primary span { color: var(--feeling-ink); }
body.swiss .button.ghost:hover { border-color: var(--feeling); color: var(--ink); }

body.swiss .memory-field,
body.swiss .cluster-field {
  background: var(--stage);
  border-color: var(--rule);
  color: #fff;
}
body.swiss .field-label,
body.swiss .field-legend { color: #aaa; }
body.swiss .field-label b { color: #fff; }

body.swiss .statement,
body.swiss .trust,
body.swiss .domain-system,
body.swiss .memory-section { border-color: var(--rule); }
body.swiss .statement h2 span,
body.swiss .statement > p:last-child,
body.swiss .section-head > p,
body.swiss .platform-copy > p:nth-of-type(2) { color: var(--muted); }

body.swiss .tier-console,
body.swiss .tier,
body.swiss .planes,
body.swiss .planes article,
body.swiss .domain-grid,
body.swiss .domain,
body.swiss .stack-diagram,
body.swiss .stack-row span,
body.swiss .use-list span { border-color: var(--rule); }
body.swiss .tier { color: var(--ink); }
body.swiss .tier:hover { background: color-mix(in srgb, var(--feeling) 8%, transparent); }
body.swiss .tier.active {
  background: color-mix(in srgb, var(--feeling) 14%, transparent);
  box-shadow: inset 3px 0 var(--feeling);
}
body.swiss .tier > i,
body.swiss .status { color: var(--feeling); }
body.swiss .recall-card {
  background: var(--panel);
  border-color: var(--rule);
}
body.swiss .recall-text h3 { color: var(--ink); }
body.swiss .trace { border-color: var(--hair); color: var(--muted); }
body.swiss .trace b { color: var(--ink); }

body.swiss .planes article > span { color: var(--muted); }
body.swiss .plane-icon { color: var(--feeling); }
body.swiss .planes h3 { font-family: var(--sans); }
body.swiss .planes p { color: var(--muted); }

body.swiss .stack-diagram { background: var(--panel); }
body.swiss .stack-core {
  border-color: var(--feeling);
  background: color-mix(in srgb, var(--feeling) 12%, transparent);
}
body.swiss .stack-core small,
body.swiss .live-pill { color: var(--feeling); }
body.swiss .stack-core b { color: var(--ink); font-family: var(--sans); }

body.swiss .domain { color: var(--ink); }
body.swiss .domain:hover { background: color-mix(in srgb, var(--feeling) 10%, transparent); }
body.swiss .domain small,
body.swiss .domain > span { color: var(--feeling); }
body.swiss .domain p { color: var(--muted); }
body.swiss .domain.primary-domain {
  background: var(--feeling);
  color: var(--feeling-ink);
}
body.swiss .primary-domain small,
body.swiss .primary-domain p,
body.swiss .primary-domain > span { color: var(--feeling-ink); opacity: 0.85; }

body.swiss .cta {
  background: var(--ink);
  color: var(--paper);
  padding: 64px 20px;
}
body.swiss .cta .section-tag { color: var(--feeling); }
body.swiss .cta > div:last-child p { color: color-mix(in srgb, var(--paper) 70%, var(--ink)); }
body.swiss .cta .button.primary {
  background: var(--feeling);
  color: var(--feeling-ink);
}

body.swiss footer {
  height: auto;
  min-height: 88px;
  padding: 22px 0;
  border-top: 1px solid var(--rule);
  color: var(--muted);
  font-family: var(--mono);
  font-size: 10px;
}
body.swiss footer p,
body.swiss footer > div span { color: var(--muted); }

body.swiss .chapter-list { border-color: var(--rule); }
body.swiss .chapter-list li { border-color: var(--hair); }
body.swiss .chapter-list em { color: var(--feeling); }
body.swiss .chapter-list a { color: var(--ink); }
body.swiss .chapter-list a:hover { color: var(--feeling); }

body.swiss .door-purpose { border-color: var(--rule); }
body.swiss .door-purpose__job { color: var(--ink); }
body.swiss .door-purpose__not { color: var(--muted); }
body.swiss .door-map { background: var(--rule); border-color: var(--rule); }
body.swiss .door-map a { background: var(--paper); color: var(--ink); }
body.swiss .door-map a:hover { background: color-mix(in srgb, var(--feeling) 10%, var(--paper)); }
body.swiss .door-map small { color: var(--feeling); }
body.swiss .door-map span { color: var(--muted); }
body.swiss .door-map a[aria-current="page"] {
  background: var(--feeling);
  color: var(--feeling-ink);
}
body.swiss .contract-sides { background: var(--rule); border-color: var(--rule); }
body.swiss .contract-sides article { background: var(--panel); }
body.swiss .contract-sides p { color: var(--muted); }
body.swiss .contract-figure { border-color: var(--rule); background: var(--stage); }
body.swiss .estate-desk th,
body.swiss .estate-desk td { border-color: var(--rule); }
body.swiss .estate-desk caption { color: var(--feeling); }
body.swiss .turn-preview { border-color: var(--rule); background: var(--panel); }
body.swiss .turn-preview li { border-color: var(--rule); }
body.swiss .turn-preview b { color: var(--feeling); }
body.swiss .turn-preview .said p { color: var(--muted); }

body.swiss .stack-offer { background: var(--rule); border-color: var(--rule); }
body.swiss .stack-offer a { background: var(--paper); color: var(--ink); }
body.swiss .stack-offer a:hover { background: color-mix(in srgb, var(--feeling) 10%, var(--paper)); }
body.swiss .stack-offer small { color: var(--feeling); }
body.swiss .stack-offer span { color: var(--muted); }
body.swiss .mmry-foot { border-color: var(--rule); }
body.swiss .mmry-foot__line { color: var(--ink); }
body.swiss .mmry-foot__own { color: var(--muted); }
body.swiss .sys-lockup { color: var(--ink); }
body.swiss .sys-logo--mmry { border-color: var(--feeling); }
body.swiss .sys-logo--mmry i { background: var(--feeling); }
body.swiss .owners-how li { border-color: var(--rule); }
body.swiss .owners-how p { color: var(--muted); }
body.swiss .twin-rail { border-color: var(--rule); }
body.swiss .twin-rail__kicker { color: var(--muted); }
body.swiss .twin-rail__grid { background: var(--rule); border-color: var(--rule); }
body.swiss .twin-rail__grid a { background: var(--paper); color: var(--ink); }
body.swiss .twin-rail__grid a:hover { background: color-mix(in srgb, var(--feeling) 10%, var(--paper)); }
body.swiss .twin-rail__grid small { color: var(--feeling); }
body.swiss .twin-rail__grid span { color: var(--muted); }
body.swiss .twin-rail__grid a[aria-current="page"] {
  background: var(--feeling);
  color: var(--feeling-ink);
}
body.swiss .expected { border-color: var(--rule); color: var(--muted); }
body.swiss .expected b { color: var(--feeling); }
body.swiss .build-filters button { border-color: var(--rule); color: var(--muted); }
body.swiss .build-filters button[aria-pressed="true"],
body.swiss .build-filters button:hover { border-color: var(--feeling); color: var(--ink); }
body.swiss .build-grid { background: var(--rule); border-color: var(--rule); }
body.swiss .build-card { background: var(--paper); color: var(--ink); }
body.swiss .build-card:hover { background: color-mix(in srgb, var(--feeling) 10%, var(--paper)); }
body.swiss .build-card__body small { color: var(--feeling); }
body.swiss .build-card__body small em { color: var(--muted); }
body.swiss .build-card__body span { color: var(--muted); }
body.swiss .build-preview { border-color: var(--rule); background: var(--stage); }
body.swiss .build-preview span { color: var(--muted); }
body.swiss .build-preview--note p { color: var(--ink); }
body.swiss .build-preview--note p b { color: var(--feeling); }
body.swiss .build-preview__affect { color: var(--muted) !important; }
body.swiss .build-card--feature { border-color: var(--rule); }

/* Workspace (cloud product) */
body.swiss.workspace-body { background: var(--paper); }
body.swiss .auth-panel h1 { color: var(--ink); }
body.swiss .auth-panel > p:not(.section-tag) { color: var(--muted); }
body.swiss .auth-tabs { border-color: var(--rule); }
body.swiss .auth-tabs button { color: var(--muted); font-family: var(--sans); }
body.swiss .auth-tabs button.active { color: var(--feeling); border-color: var(--feeling); }
body.swiss input,
body.swiss textarea,
body.swiss select {
  background: var(--panel);
  color: var(--ink);
  border-color: var(--rule);
  border-radius: 0;
}
body.swiss input:focus,
body.swiss textarea:focus,
body.swiss select:focus {
  border-color: var(--feeling);
  box-shadow: none;
}
body.swiss .auth-visual {
  background: var(--stage);
  border-color: var(--rule);
}
body.swiss .sidebar {
  background: var(--paper);
  border-color: var(--rule);
}
body.swiss .side-nav button { color: var(--muted); }
body.swiss .side-nav button:hover,
body.swiss .side-nav button.active {
  background: color-mix(in srgb, var(--feeling) 12%, transparent);
  color: var(--ink);
}
body.swiss .side-nav button.active span { color: var(--feeling); }
body.swiss .work-top { border-color: var(--rule); }
body.swiss .work-top p { color: var(--feeling); }
body.swiss .capture-btn {
  background: var(--feeling);
  color: var(--feeling-ink);
}
body.swiss .metric-row,
body.swiss .metric-row article,
body.swiss .memory-card,
body.swiss .authority-item,
body.swiss .trace-grid,
body.swiss .trace-json { border-color: var(--rule); background: var(--panel); }
body.swiss .memory-card { background: var(--panel); }
body.swiss .memory-card h3 { color: var(--ink); }
body.swiss .memory-card:hover { border-color: var(--feeling); }
body.swiss dialog {
  background: var(--paper);
  color: var(--ink);
  border-color: var(--rule);
}
body.swiss #toast {
  background: var(--feeling);
  color: var(--feeling-ink);
}

@media (min-width: 900px) {
  body.swiss .swiss-bar { padding: 0 24px; gap: 24px; }
  body.swiss .hero-copy,
  body.swiss .hero-actions { margin-left: 34%; }
  body.swiss .cta { padding: 96px 48px; }
}

@media (max-width: 899px) {
  body.swiss .swiss-bar { grid-template-columns: 1fr auto; }
  body.swiss .crumb { display: none; }
  body.swiss .nav nav { display: flex; flex-wrap: wrap; gap: 12px; }
}

body.swiss .motion-toggle {
  border-color: var(--rule);
  background: color-mix(in srgb, var(--stage) 82%, #000);
  color: #fff;
}
body.swiss .motion-toggle:hover,
body.swiss .motion-toggle:focus-visible {
  border-color: var(--feeling);
  color: var(--feeling);
  outline-color: var(--feeling);
}

@media (prefers-reduced-motion: reduce) {
  body.swiss .brand-mark { animation: none; }
  body.swiss .live-pill { animation: none; }
}