/* Portable visual contract, shared by React apps and independent SDK frontends. */
:root {
  --youuay-bg: #0f0f0f;
  --youuay-surface: #1a1a1a;
  --youuay-surface2: #262626;
  --youuay-text: #e0e0e0;
  --youuay-muted: #9e9e9e;
  --youuay-accent: #d32f2f;
  --youuay-accent-hover: #b71c1c;
  --youuay-accent-text: #f44336;
  --youuay-border: #ffffff14;
  --youuay-border-strong: #ffffff29;
  --youuay-heading: Poppins, system-ui, sans-serif;
  --youuay-body: Inter, system-ui, sans-serif;
  --youuay-mono: 'JetBrains Mono', monospace;
  --youuay-width: 1280px;
  --youuay-radius: 12px;
  --youuay-touch: 44px;
  --youuay-safe-bottom: env(safe-area-inset-bottom, 0px);
}
[data-theme="light"] {
  --youuay-bg: #fafafa;
  --youuay-surface: #ffffff;
  --youuay-surface2: #f0f0f0;
  --youuay-text: #171717;
  --youuay-muted: #626262;
  --youuay-accent-text: #c62828;
  --youuay-border: #00000014;
  --youuay-border-strong: #00000029;
}