:root {
  --ai360-primary: #E51B22;
  --ai360-primary-dark: #A00D18;
  --ai360-accent: #C8E51F;
  --ai360-bg: #F6F6F7;
  --ai360-text: #111114;
  --ai360-text-muted: #66666D;
  --ai360-surface: color-mix(in srgb, var(--ai360-bg) 96%, #ffffff);
  --ai360-surface-2: color-mix(in srgb, var(--ai360-bg) 90%, #ffffff);
  --ai360-divider: color-mix(in srgb, var(--ai360-text-muted) 28%, transparent);
  --ai360-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}
[data-theme="dark"] {
  --ai360-bg: #0B0B0D;
  --ai360-text: #FFFFFF;
  --ai360-text-muted: #B8B8BE;
  --ai360-surface: color-mix(in srgb, #ffffff 5%, var(--ai360-bg));
  --ai360-surface-2: color-mix(in srgb, #ffffff 9%, var(--ai360-bg));
  --ai360-divider: color-mix(in srgb, #ffffff 16%, transparent);
}