/* SimpleShowing Hero — design tokens + base */
.sshe-scope {
  --background: #ffffff;
  --foreground: #0d0d0d;
  --muted: #f5f3ef;
  --muted-foreground: #737373;
  --accent: hsl(221 100% 50%);
  --accent-foreground: #ffffff;
  --border: #ebebeb;
  --surface: #f7f6f2;
  --destructive: hsl(0 75% 55%);
  font-family: "Inter", system-ui, -apple-system, sans-serif;
  color: var(--foreground);
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "ss01", "cv11";
}
.sshe-scope .font-mono { font-family: "JetBrains Mono", ui-monospace, monospace; }
.sshe-scope .text-accent { color: var(--accent); }
.sshe-scope .bg-accent { background-color: var(--accent); }
.sshe-scope .bg-accent\/5 { background-color: color-mix(in oklab, var(--accent) 5%, transparent); }
.sshe-scope .border-accent\/10 { border-color: color-mix(in oklab, var(--accent) 10%, transparent); }
.sshe-scope .bg-surface { background-color: var(--surface); }
.sshe-scope .text-muted-foreground { color: var(--muted-foreground); }
.sshe-scope .border-border { border-color: var(--border); }
.sshe-scope .text-foreground { color: var(--foreground); }
.sshe-scope a { text-decoration: none; }

@keyframes sshe-slideUp {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}
.sshe-scope .animate-reveal {
  animation: sshe-slideUp 0.8s cubic-bezier(0.19, 1, 0.22, 1) both;
}